某些第三方軟件，包括 Google 地圖和 Google 定制搜索引擎都會由于 * { box-sizing: border-box; } 的設(shè)置而產(chǎn)生沖突，這一設(shè)置使 padding不影響頁面元素最終寬度的計算。更多信息請參考盒模型與尺寸計算 - CSS Tricks。

根據(jù)不同情況，你可能需要根據(jù)情況覆蓋（第1種選擇）或為所有區(qū)域設(shè)置（第2種選擇）。

    /* Box-sizing resets
     *
     * 為了避免 Bootstrap 設(shè)置的全局盒模型所帶來的影響，可以重置單個頁面元素或覆蓋整個區(qū)域的盒模型。
     * 你有兩種選擇：覆蓋單個頁面元素或重置整個區(qū)域。它們都可以通過純 CSS 或 LESS 代碼的形式實現(xiàn)。
     */

    /* Option 1A: 通過 CSS 代碼覆蓋單個頁面元素的盒模型 */
    .element {
      -webkit-box-sizing: content-box;
         -moz-box-sizing: content-box;
              box-sizing: content-box;
    }

    /* Option 1B: 通過使用 Bootstrap 提供的 LESS mixin 覆蓋單個頁面元素的盒模型 */
    .element {
      .box-sizing(content-box);
    }

    /* Option 2A: 通過 CSS 代碼重置整個區(qū)域 */
    .reset-box-sizing,
    .reset-box-sizing *,
    .reset-box-sizing *:before,
    .reset-box-sizing *:after {
      -webkit-box-sizing: content-box;
         -moz-box-sizing: content-box;
              box-sizing: content-box;
    }

    /* Option 2B: 通過使用自定義的 LESS mixin 重置整個區(qū)域 */
    .reset-box-sizing {
      &,
      *,
      *:before,
      *:after {
        .box-sizing(content-box);
      }
    }
    .element {
      .reset-box-sizing();
    }

上一篇：概覽下一篇：Glyphicons 字體圖標

在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

對第三方組件的支持

box-sizing 屬性