Question

我正在使用YiiStrap，Yii扩展，目前附带了twitter bootstrap 2.3.2。

我在一行中有两个元素，每个元素都是span6。

<div class="row-fluid">
  <div class="span6">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam vel tristique dolor, ut vehicula mi. Donec nec dui a nisl tincidunt suscipit. Pellentesque venenatis libero ac augue suscipit, vitae tristique arcu posuere.
  </div>

  <div class="span6 visible-desktop">
    <img src="large_photo.jpg" />
  </div>
</div>

这适用于桌面大小，但是一旦我将窗口缩小到手机大小，我想使用.visible-desktop类删除第二个元素。

现在我只剩下一个仍然有span6的元素，但我希望它在span12。有什么方法我可以指定，只要我们不在桌面大小，它就将剩余的元素更改为span12？我知道这在Bootstrap 3中是可行的，但不幸的是，如果我想使用YiiStrap，我会陷入2.3.2。

Answer 1

你可以用jQuery做，我不知道extact sintax，但我知道你可以使用.toggleClass()在span6 - span12和width()之间切换，=<检查元素的宽度，宽度为if{}。我是jQuery的新手，所以我不能告诉你更多，希望这是有用的

http://api.jquery.com/?s=width

http://api.jquery.com/toggleClass/

在Bootstrap 2.3.2中，当窗口大小改变时，如何更改div的跨度数？

1 个答案: