我是 Bootstrap 的初學者，我正在嘗試使用這種布局在 Bootstrap 中創建網格
我寫了這個：
<div class=’container-fluid’></div>
<div class="row">
<div class="col-sm-3 bg-primary"><img src="images/about.jpg" class= "imageAboutPage" alt=""></div>
<div class='col'>
<div class=’row’>
<div class="col bg-primary">Lorem ipsum dolor.</div>
<div class="col bg-secondary">Lorem ipsum dolor.</div>
</div>
</div>
我得到的結果是這個布局
它們應該是一個完整的元素。我覺得我很親近。也許我搞砸了行？提前致謝！
uj5u.com熱心網友回復：
這是我的解決方案希望它有所幫助。
<head>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
</head>
<div class="row">
<div class="col-sm-3 bg-primary" style="height:200px"><img src="images/about.jpg" class= "imageAboutPage" alt=""></div>
<div class="col">
<div class="row bg-primary h-50">Lorem ipsum dolor.</div>
<div class="row bg-secondary h-50">Lorem ipsum dolor.</div>
</div>
</div>轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/537878.html