如何在Bootstrap中获取自动宽度列？

Question

如何在Bootstrap中像UIKit一样获得自动宽度列？

我需要5列自动宽度。

在UIKit中，您可以使用 <div class="uk-width-1-5">

我发现只有麻烦的解决方法。

谢谢

Answer 1

使用class="col"将自动使列的大小相等。

但是，如果您希望某些列根据其/那里的内容调整大小，请使用类似class="col-auto".

使用class="col-{breakpoint}-auto"类根据内容的自然宽度调整列的大小。

参考：https : //getbootstrap.com/docs/4.0/layout/grid/#variable-width-content

Answer 2

Bootstrap 4+，您可以单独使用col类，它将调整为可用空间。

<div class="row">
  <div class="col"></div>
  <div class="col"></div>
  <div class="col"></div>
  <div class="col"></div>
  <div class="col"></div>
</div>