相关疑难解决方法(0)

我正在将我的Bootstrap主题从v2.3.2迁移到v3.0.0,我注意到的一件事是由于bootstrap.css中的以下样式,很多维度的计算方式不同.

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

谁能解释为什么Bootstrap将所有元素的盒子大小都切换到边框？我怀疑它与基于百分比的新网格系统有关,但上面的选择器显然不仅适用于网格元素.

似乎有点激进imho :-)

有人愿意提供一些见解吗？

我有一个现有的网站,其中包含许多旧页面和表格,我正在尝试逐步过渡到CSS.我想使用Twitter Bootstrap样式表 - 特别是表单的样式 - 但仅限于我明确请求它们的页面部分.例如,我可能会在div中包围整个表单,如下所示:

<div class="bootstrap">
 <!-- everything in here should have the Bootstrap CSS applied -->
 <form>
   <p><label for="text_input">Label</label><input type="text" id="text_input" /></p>
 </form>
</div>

我希望所有其他形式保持与现在相同,因为我无法同时更改所有形式.有一个简单的方法吗？我可以浏览Bootstrap CSS中的每一个样式并添加一个父选择器(例如'p'将成为'div.bootstrap p'),但这需要很长时间,并且很容易错过样式.

编辑:如果这样的事情不可能,有没有一个免费工具可以从文件中提取所有样式,添加前缀,然后再将它们保存回来？

bootstrap3看起来像sharethis app小部件存在兼容性问题...由于使用了

{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; 看演示 http://gurroladesign.com/bootstrap3/

在先前版本的bootstrap上兼容性问题不存在 http://gurroladesign.com/bootstrap/starter-template.html

一直无法解决？任何帮助非常感谢