附录B　第三方插件开发建议

虽然官方并不支持任何第三方插件，但还是提供一些建议，以避免在项目中可能会出现的问题。

某些第三方软件，例如Google地图和Google定制搜索引擎，都会由于* { box-sizing: border-box; }的设置而产生一些冲突，该设置将使得页面元素最终宽度的计算不受padding的影响。更多信息请参考盒子模型与尺寸计算（http://css-tricks.com/box-sizing/）。

为了避免Bootstrap设置的全局盒子模型所带来的影响，在使用的过程中需要根据不同情况，覆盖（方案1）或重置整个区域（方案2）。示例代码如下：

方案1：

  1. /* 方案1: 通过CSS覆盖单个页面元素的盒模型 */
  2. .element {
  3.   -webkit-box-sizing: content-box;
  4.      -moz-box-sizing: content-box;
  5.           box-sizing: content-box;
  6. }

方案2：

  1. /* 方案2: 通过CSS重置整个区域 */
  2. .reset-box-sizing,
  3. .reset-box-sizing *,
  4. .reset-box-sizing *:before,
  5. .reset-box-sizing *:after {
  6.   -webkit-box-sizing: content-box;
  7.      -moz-box-sizing: content-box;
  8.           box-sizing: content-box;
  9. }