3

我正在使用 Twitter Bootstrap，但我在特定元素上遇到了一些困难。

这是界面已经提供的“脚手架”标记，我将使用它作为示例。

<div class="row">
  <div class="span6">
    Level 1 column
    <div class="row">
      <div class="span3">Level 2</div>
      <div class="span3">Level 2</div>
    </div>
  </div>
</div>

此外，为了帮助这种情况......有“响应式实用程序类”，您可以在此处查看 - http://twitter.github.com/bootstrap/scaffolding.html#responsive

因此，我要做的只是将其更改class="span3"为，例如，class="span6"当我使用“响应式实用程序类”时.visible-tablet.

最初，我认为它会奇迹般地自动更改为“最大宽度”，但不幸的是它没有。

4

1 回答 1

1

正如@scumah 指出的那样，您不会使用CSS 更改类。为此，您将使用 JS。

然而，如果你想改变一个类的特性（在这种情况下span3），当它包含在一个给定类的元素中时（这里visible-tablet），这只是让你的 CSS 选择器工作的问题：

.visible-tablet .span3 {
  width: 352px;
}​

这会将 更改span3为与默认情况下 a 的宽度相同span6。

JSFiddle

然而，这一切似乎有点骇人听闻，所以您可能需要重新考虑您想要完成的工作。

于 2012-07-22T19:23:43.000 回答