随笔分类 - bootstrap
摘要：导航条 默认样式的导航条 导航条是在您的应用或网站中作为导航页头的响应式基础组件。它们在移动设备上可以折叠（并且可开可关），且在视口（viewport）宽度增加时逐渐变为水平展开模式。 两端对齐的导航条导航链接已经被弃用了。 导航条内所包含元素溢出 由于 Bootstrap 并不知道你在导航条内放置
阅读全文
摘要：标签页 注意 .nav-tabs 类依赖 .nav 基类。 胶囊式标签页 HTML 标记相同，但使用 .nav-pills 类： 胶囊是标签页也是可以垂直方向堆叠排列的。只需添加 .nav-stacked 类。
阅读全文
摘要：通过在文本输入框 <input> 前面、后面或是两边加上文字或按钮，可以实现对表单控件的扩展。为 .input-group 赋予 .input-group-addon 或 .input-group-btn 类，可以给 .form-control 的前面或后面添加额外的元素。 也可以在span中放入一
阅读全文
摘要：将下拉菜单触发器和下拉菜单都包裹在 .dropdown 里，或者另一个声明了 position: relative; 的元素。然后加入组成菜单的 HTML 代码。
阅读全文
摘要：按钮 可作为按钮使用的标签或元素 为 <a>、<button> 或 <input> 元素添加按钮类（button class）即可使用 Bootstrap 提供的样式。 尺寸 需要让按钮具有不同尺寸吗？使用 .btn-lg、.btn-sm 或 .btn-xs 就可以获得不同尺寸的按钮。
阅读全文
摘要：单独的表单控件会被自动赋予一些全局样式。所有设置了 .form-control 类的 <input>、<textarea> 和 <select> 元素都将被默认设置宽度属性为 width: 100%;。 将 label 元素和前面提到的控件包裹在 .form-group中可以获得最好的排列。 内联表
阅读全文
摘要：排版-标题 在标题中还可以包含small标签，可以用来标记副标题 副标题灰色，比主标题小 <h1>我是标题 <small>我是小标题</small></h1> 页面主体 Bootstrap 将全局 font-size 设置为 14px，line-height 设置为 1.428。这些属性直接赋予 <
阅读全文
摘要：简介 栅格系统用于通过一系列的行（row）与列（column）的组合来创建页面布局，你的内容就可以放入这些创建好的布局中。下面就介绍一下 Bootstrap 栅格系统的工作原理： “行（row）”必须包含在 .container （固定宽度）或 .container-fluid （100% 宽度）中
阅读全文
摘要：bootstrap需要为页面和栅格系统包裹一个.container容器。我们提供了两个作为用处的类。注意由于pidding等属性的原因这两种容器不能相互嵌套。 .container类用于固定宽度并支持响应式布局容器 .container-fluid 类用于 100% 宽度，占据全部视口（viewpo
阅读全文
