Bootstrap 3.2.0 源碼試讀 2014/08/11

第二部 @media print

212至217行

  pre,
  blockquote {    /* 塊引用 */
    border: 1px solid #999;

    page-break-inside: avoid;
  }

215行是個空格，是什麼個意思？閒着蛋疼往前翻了翻，3.0.X版本沒這個問題。根本沒這行。

設置邊框寬度爲1px，實心，顏色#999，而且避免在內容裏挺入分頁符。

page-break-inside聽說只有opera支持，可用的值有3個

auto，默認值。有須要的時候就插入分頁符。

avoid，避免在元素內部插入分頁符。

inherit，繼承。

218至220行

  thead {
    display: table-header-group;
  }

設置表頭thead的顯示方式爲表格標題組的樣式。

221至224行

  tr,
  img {
    page-break-inside: avoid;
  }

設置表格行，圖片內不插入分頁符。

225至227行

  img {
    max-width: 100% !important;
  }

圖片的最大寬度爲100%，最高優先級。

228至237行

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }

設置行標籤、標題二、3的內容若是出生了分頁的狀況，則在頁面底部orphans最少保留3行，在頭部windows最少保留3行。但標題二、3內是儘可能避免挺入分頁符滴。

238至240行

  select {
    background: #fff !important;
  }

列表的背景是白色，最高優先級。

241至243行

  .navbar {
    display: none;
  }

設置使用.navbar樣式的元素不顯示。

這裏用到了類選擇器，也就是.開頭的這種。

244至247行

  .table td,
  .table th {
    background-color: #fff !important;
  }

設置.table樣式的（表格頭、表格體的）單元格的背景顏色爲白色，優先於其它的設定。

這裏用到了上下文選擇器，像這裏的，應用了「.table樣式裏面的td元素」。

248至251行

  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }

這裏用到了新的選擇器，子選擇器。

應用.btn樣式標籤裏面，應用了.caret樣式的標籤的 上表框的顏色爲黑色。

第二行更復雜一點，3層。 應用了.dropup裏，應用了 .btn的子標籤裏，應用了 .caret的子標籤。

252至254行

  .label {
    border: 1px solid #000;
  }

應用.label樣式的標籤的邊框爲 寬度1px 實心 黑色。

255至257行

  .table {
    border-collapse: collapse !important;
  }

應用.table樣式的標籤的相鄰單元格的邊框合併顯示。

258至261行

  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }

應用了.table-bordered樣式的標籤的單元格爲，邊框寬度1px 實心 顏色 #ddd

待續。