只是试图从bootstrap 3创建一个自定义表。我有点像一个业余爱好者,但已经尝试了一段时间,似乎无法得到它。我需要一个表,其中每行包含两行,列数不同。这可能吗?
所以每个条目需要两行;顶行需要4列,底行需要3列。是否可以设置每列的宽度?或者这太复杂了?
感谢。
答案 0 :(得分:3)
您的问题的答案是Bootstrap文档。您可以使用网格来创建自定义布局。 http://getbootstrap.com/css/#grid
其他自定义宽度为 的基本表格将是您的解决方案,这是 EASY 。看下面的代码。这样生成表
http://getbootstrap.com/css/#tables
<table class="table table-bordered">
<thead>
<tr>
<th>#</th>
<th>First Name</th>
<th>Last Name</th>
<th>Username</th>
</tr>
</thead>
<tbody>
<tr>
<td rowspan="2">1</td>
<td>Mark</td>
<td>Otto</td>
<td>@mdo</td>
</tr>
<tr>
<td>Mark</td>
<td>Otto</td>
<td>@TwBootstrap</td>
</tr>
<tr>
<td>2</td>
<td>Jacob</td>
<td>Thornton</td>
<td>@fat</td>
</tr>
<tr>
<td>3</td>
<td colspan="2">Larry the Bird</td>
<td>@twitter</td>
</tr>
</tbody>
</table>
答案 1 :(得分:0)
您也可以使用Appizy从电子表格开始生成布局。您只需要在Excel文件中组织内容,然后使用在线软件将其转换为HTML。查看示例。
希望能有所帮助。尼古拉斯答案 2 :(得分:0)
rowspan="#"
和colspan"#"
都会为您寻找所需的内容。
请参阅此示例:http://www.bootply.com/rwrPSj9VqW
另外值得注意的是,您的细胞必须对齐(至少与它们所做的<table>
对齐 - 即具有3列和4列,一列必须占用2个跨度,其余2列将与上述相同。