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

Question

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

我需要5列自动宽度。

在UIKit中，你可以通过<div class="uk-width-1-5">获得它

我发现只有繁琐的解决方法。

谢谢

Answer 1

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>

Answer 2

这个问题的5列方面是answered here

由于Bootstrap有12列，你只使用10个col-*-2单位

http://www.codeply.com/go/QXiPmtgJUJ

<div class="row">
    <div class="col-md-2 col-md-offset-1"></div>
    <div class="col-md-2"></div>
    <div class="col-md-2"></div>
    <div class="col-md-2"></div>
    <div class="col-md-2"></div>
</div>

就“自动宽度”而言，我不确定你的意思。 Bootstrap 4将有新的auto-layout columns消耗任何行的剩余部分，但这仍然基于12列网格。