如何在 HTML 中布局表格形式 [关闭]答案

【问题标题】：How to layout tabular form in HTML [closed]如何在 HTML 中布局表格形式 [关闭]
【发布时间】：2016-08-31 23:23:33
【问题描述】：

你会如何布局下面的面板

div/spans
表格
一些网格
?

【问题讨论】：

对我来说，如果我的客户不需要支持古老的IE。我将使用 flexbox，因为它是动态的且易于使用。 :D
我会使用 Bootstrap 或 Foundation，它们有很多不同的列类可供您使用。

标签： html css layout

【解决方案1】：

Bootstrap（易于使用，响应式网格系统）或带有表格（更简单的解决方案）。这取决于您的要求。

在您的情况下，这将是 Bootstrap 网格结构：

<div class="container-fluid">
    <div class="row">
        <div class="col-md-2">
        </div>
        <div class="col-md-10">
        </div>
    </div>
    <div class="row">
        <div class="col-md-2">
        </div>
        <div class="col-md-4">
        </div>
        <div class="col-md-2">
        </div>
        <div class="col-md-4">
        </div>
    </div>
    <div class="row">
        <div class="col-md-2">
        </div>
        <div class="col-md-4">
        </div>
        <div class="col-md-2">
        </div>
        <div class="col-md-4">
        </div>
    </div>
    <div class="row">
        <div class="col-md-2">
        </div>
        <div class="col-md-4">
        </div>
        <div class="col-md-2">
        </div>
        <div class="col-md-4">
        </div>
    </div>
    <div class="row">
        <div class="col-md-6">
        </div>
        <div class="col-md-3">
        </div>
        <div class="col-md-3">
        </div>
    </div>
</div>

【讨论】：

虽然此链接可能会回答问题，但最好在此处包含答案的基本部分并提供链接以供参考。如果链接页面发生更改，仅链接答案可能会失效。 - From Review
@worldofjr - 刚刚编辑了我的答案，谢谢您的建议！