Bootstrap学习-导航条-分页导航

1、导航条基础

导航条(navbar)和上一节介绍的导航(nav),就相差一个字,多了一个“条”字。其实在Bootstrap框架中他们还是明显的区别。在导航条(navbar)中有一个背景色、而且导航条可以是纯链接(类似导航),也可以是表单,还有就是表单和导航一起结合等多种形式。

"Bootstrap学习-导航条-分页导航"继续阅读

Bootstrap 学习 - 网格系统

1、实现原理

网格系统的实现原理非常简单,仅仅是通过定义容器大小,平分 12 份(也有平分成 24 份或 32 份,但 12 份是最常见的),再调整内外边距,最后结合媒体查询,就制作出了强大的响应式网格系统。Bootstrap 框架中的网格系统就是将容器平分成 12 份。

"Bootstrap 学习 - 网格系统"继续阅读

Bootstrap 学习 - 菜单 - 按钮 - 导航

1、下拉菜单(基本用法)

在使用 Bootstrap 框架的下拉菜单时,必须调用 Bootstrap 框架提供的 bootstrap.js 文件。当然,如果你使用的是未编译版本,在 js 文件夹下你能找到一个名为 dropdown.js 的文件。你也可以调用这个 js 文件。在使用 Bootstrap 框架中的下拉菜单组件时,其结构运用的正确与否非常的重要,如果结构和类名未使用正确,直接影响组件是否能正常运用。

"Bootstrap 学习 - 菜单 - 按钮 - 导航"继续阅读