Bootstrap 向列添加隐藏的边距

nkhmeac6 于 2023-09-28 发布在 Bootstrap

关注(0)|答案(3)|浏览(88)

出于某种原因，bootstrap正在为我的列类添加隐藏边距。当我检查一个当前为'col-lg-3'的元素时，它没有显示任何边距CSS，即使我将margin：0添加到列中，它仍然会添加一个边距。
请看下面的图片。
我一直在寻找一段时间，我很震惊，我还没有能够找到一个答案。有人知道出了什么问题吗？
enter image description here

twitter-bootstrap

来源：https://stackoverflow.com/questions/47659082/bootstrap-adding-hidden-margins-to-columns

3条答案

按热度按时间

j8ag8udp1#

这是因为你的元素试图占据父元素的所有宽度，你可以通过添加display来修改它：inline-flex或display：flex;

赞(0）回复(0）举报 2023-09-28

hrysbysz2#

我相信这是因为你的同事在一排。大概是这样的：

<div class="row">

  <div class="col-12">
    <h1>Example</h1>
    <img src="stack.png" alt="">
  </div>
  
</div>

如果你想把另一个图像放在这一个之外，你需要把它放在同一行，并减少de cols的数量，像这样：

<div class="row">

  <div class="col-6">
    <h1>Example</h1>
    <img src="stack.png" alt="">
  </div>
  
   <div class="col-6">
    <h1>Example2</h1>
    <img src="stack2.png" alt="">
  </div>

</div>

希望这对你有帮助！

赞(0）回复(0）举报 2023-09-28

kxeu7u2r3#

不知道你说的是保证金还是填充。边距是列前后的空间，填充是列内的空间。
如果希望您的内容从列的最边缘开始，则可以执行以下操作：