在Twitter Bootstrap中居中响应内容

Question

我有一个固定的（span12）容器。在其中我有一个span3侧边栏和一个span9内容区域。

在span9内容区域内，我有2张图片。我希望它们能够分割50/50，并且仍然具有响应性，这样当我的屏幕很大时，它们会跨越内容区域的整个宽度，然而当它们被调整为1024区域时，它们会缩小，而不是换行

这是我的工作示例，但是使用span5和span4缩略图。我如何获得50/50，所以基本上是span4.5？

http://dl.dropbox.com/u/240752/custom/test.html

感谢。

Answer 1

使用row-fluid在span9

中嵌套12列布局

<div class="span9">
    <div class="row-fluid">
        <div class="span6">
        </div>
        <div class="span6">
        </div>
    </div>
</div>

Answer 2

你不应该拆分span9 itno 4和5 ...将它拆分为2 span6并且它将正确显示

点击此处：http://jsfiddle.net/eMETn/