摘要： 基础导航条。样式：class="navbar navbar-default"，属性：role="navigation" <div class="navbar navbar-default" role="navigation"> <ul class="nav navbar-nav"> <li clas 阅读全文

摘要： 1）按钮组。样式：class="btn-group" <div class="btn-group"> <button class="btn btn-danger" type="button">首页</button> <button class="btn btn-default" type="butt 阅读全文

摘要： 有了bootstrap作导航不再麻烦，几个样式，几个标签就能轻松搞定。 下面就来分解学习导航条的制作。 一、首先是下拉菜单 <div class="dropdown"> <div class="btn btn-info dropdown-toggle" id="fruit" data-toggle= 阅读全文

摘要： 栅格系统（bootstrap的核心之一，也是bootstrap的主要布局风格） 栅格系统是对原有div布局的升级版。打破了传统div模式只能纵向垂直排列的弊端，大大提高了页面布局的速度和效果，也很好的配合响应式布局。在设备宽度不够时栅格系统会自动把所有栅格纵向排列。 什么是栅格系统： Bootstr 阅读全文

摘要： 图像 bootstrap为图像预加载提供了很简洁的样式。（CDN：http://placehold.it/140x140；） PS：该CDN链接后的140x140可以根据网站需要更换合适的尺寸。例如：1024x960,1250x1600等等 <div class="container"> <div 阅读全文

摘要： 按钮（补充） （ps：居中元素可以使用<center></center>标签） 块级按钮（ps：按钮占一整行） <button class="btn btn-primary btn-lg btn-block" type="button">大型按钮.btn-lg</button> <button cl 阅读全文

摘要： 表单 bootstrap为表单提供三种样式：默认表单，水平表单，内联表单。 <form class="form-horizontal" role="form"> <!--默认表单--> </form> <!--分割线--> <form class="form-horizontal" role="fo 阅读全文

摘要： 表格 bootstrap为table表格定制多个常用样式：基本样式，隔行变色样式，带边框样式，荧光棒样式，紧凑样式，响应样式。 ☑ .table：基础表格 ☑ .table-striped：斑马线表格 ☑ .table-bordered：带边框的表格 ☑ .table-hover：鼠标悬停高亮的表格 阅读全文

摘要： 文本对齐 .text-left：左对齐 .text-center：居中对齐 .text-right：右对齐 .text-justify：两端对齐 <p class="text-left">居左</p> <p class="text-center">居中</p> <p class="text-righ 阅读全文

摘要： 标题。样式：class="h1"~class="h6" bootstrap中重新定义了h1~h6标签，具体差别如下： 在bootstrap中其他任何标签使用class="h1"~class="h6"都可以实现h1~h6的标题效果。 <!--Bootstrap中的标题--> <h1>Bootstrap 阅读全文