当前位置: 首页 > 面试题库 >

Bootstrap行类包含margin-left和margin-right,这会产生问题

逄皓轩
2023-03-14
问题内容

我正在使用Bootstrap’ row‘类将divs一个对齐到另一个之上,这很好,但是

.row {
   margin-left: -15px;
   margin-right: -15px;
 }

我注意到的是,它指定margin-left和margin-right属性为-13px,因为我的内容向左移动。所以我所做的是添加了另一个类,如下所示:

.row-no-margin {
   margin-left: 0px;
   margin-right: 0px;
}

这样可以解决目的,但是我仍然想知道是否有'margin-left: -15px;‘的特定原因。解决我的问题的最佳方法是什么?


问题答案:

.row意味着内部使用container。由于在中container有填充以调整负边距,.row因此.row可以在容器内使用的网格列调整为容器的整个宽度。

因此,更好的解决方案可以让你把你的.row内部.container.container-fluid



 类似资料:
  • 描述 (Description) margin-right属性设置元素右侧边距的宽度。 可能的值 (Possible Values) length - 任何长度值。 percentage - 边距的宽度是相对于元素包含块的宽度计算的。 auto - 默认,让浏览器自动设置边距。 适用于 (Applies to) 所有HTML元素。 DOM语法 (DOM Syntax) object.style.m

  • 描述 (Description) margin-left属性设置元素左侧边距的宽度。 可能的值 (Possible Values) length - 任何长度值。 percentage - 边距的宽度是相对于元素包含块的宽度计算的。 auto - 默认,让浏览器自动设置边距。 适用于 (Applies to) 所有HTML元素。 DOM语法 (DOM Syntax) object.style.ma

  • 问题内容: 使用jQuery.css()时,我被告知可以使用以下两个函数获得相同的结果: 我一直使用,因为这是文档中使用的内容 不支持速记CSS属性(例如,边距,背景,边框)。例如,如果要检索渲染的边距,请使用:$(elem).css(’marginTop’)和$(elem).css(’marginRight’),依此类推。 为什么jQuery的允许以及?似乎毫无意义,并使用了更多资源将其转换为C

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

  • 描述 (Description) margin属性是一个速记属性,用于设置元素所有四边的边距宽度。 可能的值 (Possible Values) length - 任何长度值。 percentage - 边距的宽度是相对于元素包含块的宽度计算的。 auto - 设置要自动计算的所有四个边距的值。 适用于 (Applies to) 所有HTML元素。 DOM语法 (DOM Syntax) objec

  • 这是Web开发人员的完整参考指南,其中列出了与万维网联盟推荐的层叠样式表规范2级中定义的边距相关的所有CSS属性。 单击任何属性以查看其描述的示例 - Sr.No. 财产和描述 1 margin 定义元素边距的所有四个。 2 margin-bottom 定义元素的下边距。 默认值为0。 3 margin-left 定义元素的左边距。 默认值为0。 4 margin-right 定义元素的右边距。