覆盖Bootstrap 3 CSS样式

用户名

我有这种风格:

.form-style{
   margin: 50px auto;/* also tried margin: 50px auto !important; */
   /* other styles */
 }

我在div元素中这样使用它:

<div class="row">
<div id="myDiv" class="form-style col-md-6 col-md-offset-3">
<p>This is a text.</p>
</div>
</div>

如果我不使用,则form-stylediv会出现在中间。但是我想使用form-style,当我使用它时,的margin属性form-style将阻止引导程序col-md-offset-3使我的div居中。如何覆盖父边距,以便没有为我的div设置?

如果我margin从中删除form-style它,效果很好。但是我无法删除边距,因为它已用于我项目的其他部分。

陪同Afif

不知道为什么想要这样的东西,因为它似乎很hack,但是您的问题是您的元素处于浮动状态,这就是margin自动功能不起作用的原因,因此您需要删除浮动以使其起作用。(但这不是一个好主意,因为它会使引导程序表现得很奇怪)

.form-style {
  margin: 50px auto!important;
  float: none!important;
  /* other styles */
}
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<div class=container>
  <div class="row">
    <div id="myDiv" class="form-style col-xs-6 col-xs-offset-3">
      <p>This is a text.</p>
    </div>
  </div>
</div>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章