Question

如何使用表格填充前11列，但最后1列是否为空？

现在我的HTML正在我的<h4>之后将<div class='col-md-11'扔到它的右边，只是把它压到页面中

我的HTML：

<nav class='page_element'>
    <div class="table-responsive col-md-11">
        <table>
        </table>
    </div>
    <br>
    <div class="table-responsive col-md-11">
        <table>
        </table>
    </div>
    <hr>
</nav>
<nav class='page_element'>
    <div class="table-responsive col-md-11">
    </div>
    <h4><strong>Question 3</strong></h4>
....

Answer 1

这一切都在评论中得到了解决，但这是一个很好的衡量标准的答案。

col-x-n的Bootstrap类实际上并不打算用作独立类。他们有时会工作，但部分原因是因为他们依赖于float: left的样式，当与非col-x-n类配对时，他们可能会有一些时髦的行为。尽可能将它们包裹在row s。

中是最好的

在那种理想情况下，它看起来像这样：

<nav class='page_element'>
    <div class="row">
        <div class="table-responsive col-md-11">
            ...
        </div>
    </div>

    <h4><strong>Question 3</strong></h4>
</nav>

如果由于某种原因，这不是一个好的选择，我建议不要使用这些类。特别是在这种情况下，它们会为您提供许多您不需要甚至不需要的功能，例如让两列彼此相邻的功能。

在这种情况下，我会建议（而且我即将，但随后我的电脑电池耗尽了，你打败了我）使用了一个很好的width: x% style。将这种设计实现从HTML中转移到CSS文件中总是很好，但为了简单起见，<nav class='page_element'> <div class="table-responsive" style="width: 92%"> ... </div> <h4><strong>Question 3</strong></h4> </nav>属性做同样的事情。

col-md-11

我选择了92％，因为大概是11/12，这是{{1}}的目标。

col-md-11在剩下的1中没有任何内容

1 个答案: