我正在努力使用 Bootstrap 列獲得特定的列寬。
從上面，我想保持標簽列的寬度，但文本框列需要一直延伸到最后。
更新：
為了更清楚：
簡單地從 col 5 切換到 12 也會增加標簽的寬度：
uj5u.com熱心網友回復：
你已經添加了
你應該嘗試這樣的事情：
<div class="col-lg-12">
<div class="row">
<div class="col-lg-4">label</div>
<div class="col-lg-8">textbox</div>
</div>
</div>
uj5u.com熱心網友回復：
干得好...
<div >如果你想<div >實作這一點，你需要改變。您可能會感到困惑，因為 4 列 8 列 = 12 列，但這兩個元素不會占用全視窗寬度，因為它們受<div >.
更新
HTML：
<br />
<div class="container-fluid">
<div class="row">
<div class="col-lg-2" id="label">label</div>
<div class="col-lg" id="textbox">textbox</div>
</div>
</div>
<br />
CSS：
div:not(.row) {
border: 1px solid red;
}
@media only screen and (min-width: 1200px) {
#label {
width: 13vw;
}
}
uj5u.com熱心網友回復：
如果您愿意，可以像這樣完全洗掉第一個col和第二個。row
<div class="row">
<div class="col-lg-4">label</div>
<div class="col-lg-8">textbox</div>
</div>
您也可以將所有這些都放在 acontainer中以很好地完成它......值得注意的是，如果您使用container-fluid它，它將更多是全屏寬度，而不是螢屏中心的較薄容器。如果您根本不使用容器，那么上面的所有內容都將位于螢屏的邊緣。
<div class="container">
<div class="row">
<div class="col-lg-4">label</div>
<div class="col-lg-8">textbox</div>
</div>
</div>
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/440307.html
下一篇：onclick函式不執行