1、数据行(.row)必须包含在容器（.container）中，以便为其赋予合适的对齐方式和内距(padding)。如：

<div class="container">

 <div class="row"></div>

</div>

2、在行(.row)中可以添加列(.column)，但列数之和不能超过平分的总列数，比如12。如：

<div class="container">

<div class="row">

 <div class="col-md-4"></div>

 <div class="col-md-8"></div>

3、具体内容应当放置在列容器（column）之内，而且只有列（column）才可以作为行容器(.row)的直接子元素

4 列偏移  .col-md-offset-*可以将列偏移到右侧

5 列嵌套

6 定制你的bootstrap

7 bootstrap表格

　　　　　　table caption 标题 thead tbody

8 有序列表和无序列表

　　　　　　ol  ul  list-style-type属性  none：不使用项目符号。
disc：实心圆。
circle：空心圆。
square：实心方块。
demical：阿拉伯数字。
lower-alpha：小写英文字母。
upper-alpha：大写英文字母。
lower-roman：小写罗马数字。
upper-roman：大写罗马数字。

去点列表 ，通过给无序列表添加一个类名“.list-unstyled”,这样就可以去除默认的列表样式的风格

.list-unstyled {
padding-left: 0;
list-style: none;
}

项目列表
        <ol class="list-unstyled">
        <li>不带项目编号</li>
        <li>不带项目编号</li>
        </ol>

9 from表单

　　　　 from-inline form-group form-control

简单登录form表单

<form class="form-inline">
<div class="form-group">
<label >用户名</label>
</div>
<div class="form-group">

<input class="form-control" type="text" placeholder="输入用户名"/>
</div>
<div class="form-group">
<label>密码</label>
</div>
<div class="form-group">
<input type="text" class="form-control" placeholder="输入密码"/>
</div>
<div class="form-group">
<label><input type="checkbox"/>记住密码</label>
</div>
<div class="form-group">
<button type="submit" class="btn btn-default">登录</button>
</div>
</form>

简单form表单登录

<form>
       <fieldset>
         <legend>用户登录</legend>
         <div class="form-group">
             <label>登录账户</label>
             <input type="email" class="form-control" placeholder="请输入你
                 的用户名或Email">
         </div>
         <div class="form-group">
             <label>密码</label>
             <input type="text" class="form-control" placeholder="请输入你的密码">
         </div>
         <div class="checkbox">
             <label><input type="checkbox">记住密码</label>
         </div>
         <button type="submit" class="btn btn-default">登录</button>
       </fieldset>
    </form>

最新文章

  1. Ubuntu-安装-theano+caffe-超详细教程
  2. Entity Framework 实体框架的形成之旅--基类接口的统一和异步操作的实现(3)
  3. 计算阶乘n!末尾0的个数
  4. mysql 二进制安装文件 下载
  5. 页面传值总结Block
  6. lintcode：二叉树的中序遍历
  7. php关于日期时间 php日期 php时间
  8. Android如何正确的保存文件
  9. Json数据时间格式的处理
  10. Cmake 脚本对项目输出路径和输出头文件的路径定义
  11. Java 泛型 协变式覆盖和泛型重载
  12. jemeter正则表达式
  13. .net使用RabbitMQ
  14. 201521123065《Java程序设计》第六周学习总结
  15. python写的一个集合
  16. Redmine基础: 邮件配置
  17. 使用java操作elasticsearch(1)
  18. linux上安装MongoDB副本集（带keyfile安全认证以及用户权限）
  19. [BZOJ 2759] 一个动态树好题
  20. php源码学习——开篇

热门文章

  1. [POI2009]KON-Ticket Inspector(二维前缀和+DP）
  2. 我的投资案例(3)-看好互联网和金融两大朝阳行业，参投入股垂直金融招聘平台&quot;职业梦CareerDream.cn&quot;
  3. Unity C# 关于设计模式的思考
  4. zookeeper_相关命令 以及 API
  5. Intel Media SDK 性能測试
  6. hdu 4707 Pet【BFS求树的深度】
  7. Codeforces Round #313 C. Gerald&amp;#39;s Hexagon（放三角形）
  8. 通过C语言程序改动控制台的背景和前景颜色
  9. vue10 v-text v-html
  10. 4.angularJS-指令（directive）