使用!important的css定义是拥有最高的优先级的:.ui-state-disabled { cursor: default !important; }


参考文档如下： http://v3.bootcss.com/css/  

一)bootstrap使用到的某些html元素和css属性需要将页面设置为html5文档类型。在你项目中的每一个页面都要参照下面的格式进

    行设置   <!DOCTYPE html><html lang="zh-CN">...</html>

二)Bootstrap 是移动设备优先的.针对移动设备的样式融合进了框架的每个角落.为了确保适当的绘制和触屏缩放，需要在 <head>

   之中添加 viewport 元数据标签;

   <meta name="viewport" content="width=device-width, initial-scale=1">

三)布局容器

   .container 类用于固定宽度并支持响应式布局的容器

   .container-fluid 类用于 100% 宽度，占据全部视口（viewport）的容器

四)栅格系统

    Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统，随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最

    多12列.

    栅格系统用于通过一系列的行（row）与列（column）的组合来创建页面布局.

    下面就介绍一下 Bootstrap 栅格系统的工作原理：

     ."行(row)"必须包含在 .container （固定宽度）或 .container-fluid （100% 宽度）中，以便为其赋予合适的排列（aligment）和内补（padding）

     . 通过"行(row)"在水平方向创建一组"列(column)"

     . 你的内容应当放置于"列（column）"内，并且，只有"列（column）"可以作为行（row）"的直接子元素

     . 类似 .row 和 .col-md-4 这种预定义的类，可以用来快速创建栅格布局

     . 通过为“列（column）”设置 padding 属性，从而创建列与列之间的间隔（gutter）。通过为 .row 元素设置负值 margin 从而抵消掉为 .container 元素

       设置的 padding，也就间接为“行（row）”所包含的“列（column）”抵消掉了padding

     . 如果一“行（row）”中包含了的“列（column）”大于 12，多余的“列（column）”所在的元素将被作为一个整体另起一行排列

五)栅格参数

                    超小屏幕 手机 (<768px)      小屏幕 平板 (≥768px)    中等屏幕 桌面显示器 (≥992px)    大屏幕 大桌面显示器 (≥1200px)

      类前缀 .col-xs-                       .col-sm-                       .col-md-                                .col-lg-

六）实例： 

    .) 从堆叠到水平排列

      <div class="row">

  <div class="col-md-1">.col-md-1</div>

  <div class="col-md-1">.col-md-1</div>

  <div class="col-md-1">.col-md-1</div>

  <div class="col-md-1">.col-md-1</div>

  <div class="col-md-1">.col-md-1</div>

  <div class="col-md-1">.col-md-1</div>

  <div class="col-md-1">.col-md-1</div>

  <div class="col-md-1">.col-md-1</div>

  <div class="col-md-1">.col-md-1</div>

  <div class="col-md-1">.col-md-1</div>

  <div class="col-md-1">.col-md-1</div>

  <div class="col-md-1">.col-md-1</div>

</div>

<div class="row">

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

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

</div>

<div class="row">

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

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

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

</div>

<div class="row">

  <div class="col-md-6">.col-md-6</div>

  <div class="col-md-6">.col-md-6</div>

</div>


.) 流式布局容器  : 将最外面的布局元素 .container 修改为 .container-fluid，就可以将固定宽度的栅格布局转换为 100% 宽度的布局

 <div class="container-fluid">

  <div class="row">

    ...

  </div>

</div>


.) 列偏移

   使用 .col-md-offset-* 类可以将列向右侧偏移。这些类实际是通过使用 * 选择器为当前元素增加了左侧的边距（margin）。

   例如，.col-md-offset-4 类将 .col-md-4 元素向右侧偏移了4个列（column）的宽度

     <div class="row">

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

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

      </div>

<div class="row">

    <div class="col-md-3 col-md-offset-3">.col-md-3 .col-md-offset-3</div>

     <div class="col-md-3 col-md-offset-3">.col-md-3 .col-md-offset-3</div>

</div>

<div class="row">

     <div class="col-md-6 col-md-offset-3">.col-md-6 .col-md-offset-3</div>

</div>


.) 嵌套列

   为了使用内置的栅格系统将内容再次嵌套，可以通过添加一个新的 .row 元素和一系列 .col-sm-* 元素到已经存在的 .col-sm-* 元素内。

   被嵌套的行（row）所包含的列（column）的个数不能超过12（其实，没有要求你必须占满12列）

    <div class="row">

  <div class="col-sm-9">

    Level 1: .col-sm-9

    <div class="row">

          <div class="col-xs-8 col-sm-6">

                  Level 2: .col-xs-8 .col-sm-6

          </div>

          <div class="col-xs-4 col-sm-6">

                  Level 2: .col-xs-4 .col-sm-6

           </div>

    </div>

  </div>

    </div>


 .) 列排序: 通过使用 .col-md-push-* 和 .col-md-pull-* 类就可以很容易的改变列（column）的顺序

         参考文档： http://www.chinaz.com/design/2013/1204/329712_4.shtml

        <div class="row">

              <div class="col-md-9 col-md-push-3">.col-md-9 .col-md-push-3</div>

              <div class="col-md-3 col-md-pull-9">.col-md-3 .col-md-pull-9</div>

        </div>

       当前行里有两个元素，

        第一个元素，添加了.col-md-push-3的样式类。（让占有9列的元素,之前从第1列凯斯，现在又向右移动了3列，那么现在就是从第3列开始，占据9列)

        第二个元素，添加了.col-md-pull-9的样式类。（让占据3列的元素，之前从第10列开始，现在左移动9列，从第1列开始，占据3列）