当前位置: 首页 > 知识库问答 >
问题:

bootstrap中col-md会被margin影响个数的问题?

荆哲
2023-08-21

我用的col-md-3,本身应该一行4个,可以我给urlOne加了一个margin,这样一行只能放3个了,这个问题怎么解决?

<div class="col-md-3 urlOne">                    <div class="urlNo">+</div>            </div>

image.png

共有1个答案

鲜于勇
2023-08-21

urlOne加margin导致盒模型变宽, 一行放不下了当然会换行, urlOne宽度缩小一下

 类似资料:
  • 问题内容: 我对新的Bootstrap中的网格系统感到困惑,尤其是这些类: (其中*代表一些数字)。 任何人都可以解释以下内容: __这个数字 如何 对齐网格? 如何 使用这些数字? 什么 他们实际上代表什么呢? 问题答案: 仅适用于Bootstrap 3。 忽略字母(X 小号 , SM , MD , LG ) 现在 ,我只用数字开始… 数字(1-12)代表任何div总宽度的一部分 所有div分为

  • 我对新引导中的网格系统感到困惑,尤其是这些类: (其中*代表一些数字)。 请任何人解释一下: 这个数字是如何对齐网格的 如何使用这些数字 它们实际上代表什么

  • 问题内容: 是什么之间的差异,并在Twitter的引导? 问题答案: 2019年更新… 所述 自举3 格进来 4 层(或“断点”)… 特小(适用于智能手机) 小(用于平板电脑) 中(笔记本电脑用) 大(适用于笔记本电脑/台式机)。 这些网格大小使您可以控制不同宽度上的网格行为。不同的层由CSS 媒体查询控制。 因此,在Bootstrap的12列网格中… 在典型的 小型 设备宽度(> 768像素)上

  • 问题内容: 我每个班都有两列。 在桌面视图中,它们应显示为: 在移动视图中,应显示如下: 使用Bootstrap的列排序是否有可能? 我当前的代码: 问题答案: 更新(2018年2月)-v4 + 现在,引导程序已经发布,您可以使用 实用程序类,就像在Beta版中一样(参见下面的旧更新),可以实现,区别在于他们添加了这3个新类: 片段 旧更新(OCT 2017)-v4.0.0 beta 在测试版中,

  • 问题内容: 我正在使用Bootstrap’ ‘类将一个对齐到另一个之上,这很好,但是 我注意到的是,它指定margin-left和margin-right属性为-13px,因为我的内容向左移动。所以我所做的是添加了另一个类,如下所示: 这样可以解决目的,但是我仍然想知道是否有‘的特定原因。解决我的问题的最佳方法是什么? 问题答案: 将意味着内部使用。由于在中有填充以调整负边距,因此可以在容器内使用

  • 问题内容: 有什么区别,,并在网格系统 自举3 。 在引导程序模板中,它们仅用于一列网格。我是Bootstrap的初学者。 问题答案: 当使用Bootstrap时,这些是为一列网格添加的类,它们对应于超小型,小型,中型和大型设备。 .col-xs = *其他小型设备(例如电话)(<768px) .col-sm =小型设备(例如平板电脑)(≥768px) .col-md =中型设备(例如笔记本电脑或