Question

我需要在bootstrap中使用 span 内的另一个 span 的HTML进行垂直对齐。到目前为止，我只使用span来制作水平布局，例如将“span4”放三次以创建一个3列布局。

但是，以下行创建了一个垂直布局而不是..如何在bootstrap中使用span的嵌套可以有一点...

    <div class="row">
        <div class="span4">
            <div class="row">

                <h4 class="span3 well">Related</h4>

                <div class="span3  well">
                    <ul class="nav">
                        <li><a href="#">Related-1</a>

                        </li>
                        <li><a href="#">Related-2</a>

                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

Answer 1

您跨越仅跨越4的元素内的6个网格列，这必然会导致包装。如果不需要垂直堆栈，则总是需要具有与父行相同或更少列的子行。

我建议仔细查看网格文档：http://twitter.github.com/bootstrap/scaffolding.html#gridSystem

引导程序中的嵌套跨度

1 个答案: