使用bootstrap将div居中

时间:2014-10-07 06:09:55

标签: css twitter-bootstrap

我希望将价格框放在中心,您可以从http://responsiweb.com/themes/preview/ace/1.3.1/pricing.html

看到它

我从其他帖子中应用了找到的解决方案,

我尝试在<div class="col-xs-6 col-sm-3 pricing-box">

上添加以下css
  float:none;
  // width: 1200px;
  display: block;
  //margin-left: 200px;
  margin-left: auto;
  margin-right: auto;

但价格框仍然坚持左边框,不是居中

3 个答案:

答案 0 :(得分:0)

您可以使用以下css样式居中div:

margin: 0 auto;

因为你有一个200px左边的固定保证金,所以它不会总是在中间,当保证金左边和保证金权利都是200px时,它可能处于中间位置,但那不会&# 39;经常发生。

答案 1 :(得分:0)

你是在谈论这四个盒子吗?你希望他们在彼此的中心位置?

如果是,那么

.pricing-box {
   float: none;
   margin: 0 auto;
}

如果情况并非如此,您需要提供有关您尝试实现的更多详情。

答案 2 :(得分:0)

如果您使用的是Bootstrap,可以考虑使用偏移:

http://getbootstrap.com/css/#grid-offsetting