Bootstrap 4 如何在Bootstrap 4中获得自动宽度列?
如何在引导4列中获得自动宽度Bootstrap 4 如何在Bootstrap 4中获得自动宽度列?,bootstrap-4,Bootstrap 4,如何在引导4列中获得自动宽度 我需要一行两列,没有固定的宽度,可以吗?使用colclass。您也可以使用col-*例如:colmd <div class="row"> <div class="col">Col1</div> <div class="col">Col2</div> </div> 一些示例 使用2个col类时 在这里玩 此处使用的CSS将在bootstrap.CSS
我需要一行两列,没有固定的宽度,可以吗?使用
col
class。您也可以使用col-*
例如:colmd
<div class="row">
<div class="col">Col1</div>
<div class="col">Col2</div>
</div>
一些示例
使用2个col
类时
在这里玩
此处使用的CSS将在bootstrap.CSS之后应用*/
.集装箱{
宽度:600px;
}
.行{
填充:10px;
}
上校,
.col auto{
边框:1px实心#CCC;
填充物:5px;
}
上校:你好
col-此列占用剩余的可用空间
使用col auto
。它将根据内容大小自动采用列大小
它将根据所有设备中的内容调整宽度。是否阅读文档?整张桌子有类似的东西吗?我试着用bootstrap布局一个表,并希望该表能够将列宽与表中最长的单元格相匹配column@Qw3ry我没有弄清楚!!我建议你把这个问题作为一个新问题来问,这样你会得到更多的信息。实际上我想要的是类似的东西,但我没有意识到我可以在
列
中放入另一个行
。。。但在我的辩护中,我对web编程是相当陌生的,特别是当涉及到像bootstrap这样的框架时^^
<div class="row">
<div class="col-auto">Col1</div>
<div class="col">Col2</div>
</div>
<div class="container">
<div class="row">
<div class="col">
col - equal columns
</div>
<div class="col">
col - equal columns
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-auto">
col-auto - hello
</div>
<div class="col">
col - this column takes rest of available space
</div>
</div>
</div>