Question

我正在尝试在引导程序中创建一个布局，该布局的中央只有一列。我遇到的问题是，即使使用class =“ col-sm-3”（或类似的东西）设置了列宽后，它的大小也保持不变。理想情况下，我希望该行的宽度与以下代码中的图像相同。

试图使用col-sm-x类，没有用。基本上，我不需要下面的300x50图像周围有空白。

Array(
        'xxxx' => array('2020-12-12','2020-12-13')
        'yyyy' => array('2020-12-14','2020-12-15')
      )

基本上，我希望下面的300x50图像周围没有空白。

Answer 1

我只会使用col-sm-12并使用自己的CSS来定位它。

.image_container {
  width:300px;
  margin:0 auto;
}

<div class="container rounded" style="border:1px solid black">
        <div class="row">
                <div class="col-sm-3">
                      <div class="image_container">
                          <img src="https://via.placeholder.com/300x50" width="300" height="50">
                      </div>
                </div>
        </div>
</div>

似乎无法减小Bootstrap中的列宽

1 个答案: