bootstrap学习 第一天

导航

.nav-tabs


添加下拉菜单


位置

/*添加 .navbar-fixed-top 类可以让导航条固定在顶部
*添加 .navbar-fixed-bottom 类可以让导航条固定在底部
*添加 .navbar-fixed-bottom 类可以让导航条固定在底部
*通过添加 .navbar-static-top 类即可创建一个与页面等宽度的导航条,它会随着页面向下滚动而消失。
*可包含一个 .container 或 .container-fluid 容器,从而让导航条居中,并在两侧添加内补(padding)。
*/

轮播图

Bootstrap 轮播(Carousel)插件是一种灵活的响应式的向站点添加滑块的方式。除此之外,内容也是足够灵活的,可以是图像、内嵌框架、视频或者其他您想要放置的任何类型的内容。


缩略图

本章将讲解 Bootstrap 缩略图。大多数站点都需要在网格中布局图像、视频、文本等。Bootstrap 通过缩略图为此提供了一种简便的方式。使用 Bootstrap 创建缩略图的步骤如下:

通用的占位符缩略图

缩略图标签

一些示例文本。一些示例文本。

按钮 按钮

通用的占位符缩略图

缩略图标签

一些示例文本。一些示例文本。

按钮 按钮

通用的占位符缩略图

缩略图标签

一些示例文本。一些示例文本。

按钮 按钮

你可能感兴趣的:(bootstrap学习 第一天)