如何在表Bootstrap中包含多行

时间:2017-10-24 20:42:34

标签: html html-table bootstrap-4

我正在尝试在网站上构建一个表格。最初,我使用DNN中的标准文本编辑器(DotNetNuke)。但是,我的第一个问题是如何在每个和之间包含多个订单项。我的最终结果是在底部。请原谅我,如果这有点模糊。当我去https://www.w3schools.com/bootstrap/bootstrap_ref_css_tables.asp时,我发现只有几种风格的表,并认为浓缩是这项工作的最佳选择。

以下是W3schools(https://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_ref_table-condensed&stacked=h

的一些示例代码
<div class="container">
<h2>Table</h2>
<p>The .table-condensed class makes a table more compact by cutting cell 
padding in half:</p>                                    
 <table class="table table-condensed">
<thead>
  <tr>
    <th>#</th>
    <th>Firstname</th>
  </tr>
</thead>
<tbody>
  <tr>
    <td>1</td>
    <td>Anna</td>
  </tr>
  <tr>
    <td>2</td>
    <td>Debbie</td>
  </tr>
  <tr>
    <td>3</td>
    <td>John</td>
  </tr>
</tbody>
</table>
</div>

xyz                                          abc
Current Release (linked to a document)       Current Release
November 2016                                January 2017

0 个答案:

没有答案