為什么這里的左右不是在旁邊而是在下面？
<section className="section-top-overflow">
<div className="container">
<div className="row">
<div className={"col-lg-12"}>
<div className="col">left</div>
<div className="col">right</div>
</div>
</div>
</div>
</section>
在這里找到這個資訊：
洗掉 col-12 因為 Bootstrap 4 需要一個新行來嵌套列。
uj5u.com熱心網友回復：
在引導程式中，“col”類被呈現為非行內塊。要使 cols 彼此相鄰渲染，您必須將它們包裝在“row”類中，目前您正在將它們包裝到另一個“col”類中，讓我向您展示：
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-zCbKRCUGaJDkqS1kPbPd7TveP5iyJE0EjAuZQTgFLD2ylzuqKfdKlfG/eSrtxUkn" crossorigin="anonymous">
<section class="section-top-overflow">
<div class="container">
<div class="row">
<div class="col-lg-12"> <!-- this wrapper is a col -->
<div class="row"> <!-- this is what you are missing -->
<div class="col">left</div>
<div class="col">right</div>
</div>
</div>
</div>
</div>
</section>轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/488708.html