是否有 html/css 代碼可以讓我并排放置一些搜索框而不是一個在另一個下方？它們大約有 12 個盒子，我想在 4 列中將 3 個放在彼此下方。可以通過引導程式完成嗎？
附：我不熟悉前端框架和東西。
uj5u.com熱心網友回復：
你應該先閱讀檔案，然后再問，因為這是最簡單的事情之一，盡管我已經把它寫下來以便你理解它。
正如您在查詢中描述的 3 行 4 列。我們知道一行有 12 列，所以我們可以用 col-3 劃分每個磁區，col-3 為一個框提供 3 個寬度單位，并應用相同的行 3 次以獲得所需的結果。
<div class="container">
<div class="row">
<div class="col-3">
<h1>...</h1>
</div>
<div class="col-3">
<h1>...</h1>
</div>
<div class="col-3">
<h1>...</h1>
</div>
<div class="col-3">
<h1>...</h1>
</div>
</div>
<div class="row">
<div class="col-3">
<h1>...</h1>
</div>
<div class="col-3">
<h1>...</h1>
</div>
<div class="col-3">
<h1>...</h1>
</div>
<div class="col-3">
<h1>...</h1>
</div>
</div>
<div class="row">
<div class="col-3">
<h1>...</h1>
</div>
<div class="col-3">
<h1>...</h1>
</div>
<div class="col-3">
<h1>...</h1>
</div>
<div class="col-3">
<h1>...</h1>
</div>
</div>
uj5u.com熱心網友回復：
您也可以在引導程式中使用表格。干凈多了。
<table class="table">
<tbody>
<tr>
<td>Your content</td>
<td>Your content</td>
<td>Your content</td>
<td>Your content</td>
</tr>
<tr>
<td>Your content</td>
<td>Your content</td>
<td>Your content</td>
<td>Your content</td>
</tr>
<tr>
<td>Your content</td>
<td>Your content</td>
<td>Your content</td>
<td>Your content</td>
</tr>
</tbody>
</table>
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/401216.html
上一篇：平滑滾動CSS屬性
下一篇：如何使音頻元素在串列項中對齊？