Html 在引导中重写响应行默认值

我有这样一个结构：

<div class="row row-phone">
  <div class="span3 span3-phone">
  <div class="span3 span3-phone">
  <div class="span3 span3-phone">
  <div class="span3 span3-phone">
</div>
<div class="row row-phone">
  <div class="span3 span3-phone">
  <div class="span3 span3-phone">
  <div class="span3 span3-phone">
  <div class="span3 span3-phone">
</div>

---

这样可以很好地调整它们的宽度。问题是row类的存在将第4个div之后的div分开，而我希望每行有3个div。有没有办法覆盖移动设备的row功能，使其不会分解元素？如果不能做到这一点，我似乎必须创建一个完全不同的HTML文档，这不是我想要的

您可以通过使用

超越CSS！重要信息

。有时它的使用被滥用，被认为是懒惰的。当CSS需要重写并且没有其他可行的选项时，这是一个很好的解决方案。一个很好的例子是使用

！重要信息

当javascript插件生成内联CSs时，您需要覆盖它，并且您没有编辑插件的选项。如果一次使用

！重要信息

可以防止您重新编写整个

html

，我建议您使用它

.span-3-phone {    
    width: 32% !important;
}

你看过报纸了吗？它提供了一个新的功能，就像您正在尝试实现的功能一样

.span-3-phone {    
    width: 32% !important;
}