0

这个问题可能听起来有点……愚蠢。但我有点卡住了。

我正在使用 Twitter 引导程序。我的测试代码是：

<div class="container-fluid">
    <div class="row-fluid">
            <div class="span3" style="background:#eee; border:1px solid blue;">

            <ul class="nav nav-list">
            <!-- List contents -->
            </ul>

            </div><!--/span-->
            <div class="span9" style='background:#fff; padding-left:10px; border:1px solid red'>
                <div class="hero-unit">
                        <h1>Hello, world!</h1>
                        <p>This is a template for a simple marketing or informational website...</p>
                        <p><a class="btn btn-primary btn-large">Learn more &raquo;</a></p>
                </div>
                <div class="row-fluid">
                    <!-- The content -->

                </div><!--/row-->
        </div>
    </div>
</div>

这就是它的样子（我使用彩色边框向您展示 2 个 div 中的每一个在哪里）：

在此处输入图像描述

现在，我的问题是：

有什么办法可以让第二个红色边框的 div ( span9) 占据整个最右边的列（周围没有任何边距），因此最终结果如下所示：

  • 左侧的控制面板（带有灰色背景的一整列）
  • 最右边的 div （占用所有剩余空间，白色背景）
4

1 回答 1

1

我对 twitter bootstrap 没有太多经验，但我假设答案是查看“row-fluid”类的 css 属性并检查边距和宽度。

边距：0 自动；将删除任何边距（div 外部周围的空间）并将其居中放置在容器中

如果 ^ 已经为真，则宽度=50%；（如果你要同时拥有两者）

希望有帮助！

于 2012-08-15T14:16:07.500 回答