摘要：
导航 Bootstrap 中的导航组件都依赖同一个 .nav 类，状态类也是共用的。改变修饰类可以改变样式。 1、标签页 注意 .nav-tabs 类依赖 .nav 基类。 <!-- 导航（标签页） --> <ul class="nav nav-tabs"> <li class="active">< 阅读全文
摘要：
输入框组 1、基本实例 在输入框的任意一侧添加额外元素或按钮。你还可以在输入框的两侧同时添加额外元素。 为 .input-group 添加相应的尺寸类，其内部包含的元素将自动调整自身的尺寸。不需要为输入框组中的每个元素重复地添加控制尺寸的类。 <!-- 输入框组 （基本用法）--> <div cla 阅读全文
摘要：
按钮式下拉菜单 把任意一个按钮放入 .btn-group 中，然后加入适当的菜单标签，就可以让按钮作为菜单的触发器了。 1、单按钮下拉菜单 只要改变一些基本的标记，就能把按钮变成下拉菜单的开关。 <!-- 按钮式下拉菜单 --> <div class="btn-group"> <button cla 阅读全文
摘要：
按钮组 1、基本实例 把多个按钮放在一个容器中，添加类.btn-group即可。 <!-- 按钮组 --> <div class="btn-group" role="group"> <button class="btn btn-default">按钮1</button> <button class= 阅读全文
摘要：
下拉菜单 用于显示链接列表的可切换、有上下文的菜单。下拉菜单的 JavaScript 插件让它具有了交互性。 1、实例 通过为下拉菜单的父元素设置 .dropdown类，可以让菜单向下弹出。通过为下拉菜单的父元素设置 .dropup 类，可以让菜单向上弹出（默认是向下弹出的）。 <!-- 下拉菜单( 阅读全文
摘要：
Glyphicons 字体图标 1、所有可用的图标 进入https://v3.bootcss.com/components/ 查看对应的图标。 2、图标的用法 2.1 单独使用 <!-- 图标 基本用法 --> <span class="glyphicon glyphicon-user"></spa 阅读全文
摘要：
图片 1、响应式图片 在 Bootstrap 版本 3 中，通过为图片添加 .img-responsive 类可以让图片支持响应式布局。其实质是为图片设置了 max-width: 100%;、 height: auto; 和 display: block; 属性，从而让图片在其父元素中更好的缩放。 阅读全文
摘要：
按钮 1、可作为按钮使用的标签或元素 为 <a>、<button> 或 <input> 元素添加按钮类（button class）即可使用 Bootstrap 提供的样式。 <!-- 可作为按钮使用的标签或元素 --> <a class="btn btn-default" href="#" role 阅读全文