Bootstrap 4 如何在Bootstrap 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

如何在引导4列中获得自动宽度


我需要一行两列,没有固定的宽度,可以吗?

使用
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>