中心自举容器流体水平

我怎么能水平居中我的主容器，使用切除自举类中心自举容器流体水平

这里是容器：

<div class="container-fluid main-container"> 
     <div class="col-md-10 content"> 
      <div class="panel panel-default"> 
       <div class="panel-heading"> 
        Edit existing questions 
       </div> 
       <div class="panel-body"> 
       </div> 
      </div> 
     </div> 
    </div>

The way it looks now

来源

2017-08-01 jimiss

可能重复的[容器流体不居中]（https://stackoverflow.com/questions/36943368/container-fluid-not-centered） – Gerard

在这里，你去了一个解决方案https://jsfiddle.net/w4gLtcz5/1/

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 
<div class="container-fluid main-container"> 
 
    <div class="row"> 
 
    <div class="col-md-offset-1 col-md-10 content"> 
 
     <div class="panel panel-default"> 
 
      <div class="panel-heading"> 
 
      Edit existing questions 
 
      </div> 
 
      <div class="panel-body"></div> 
 
     </div> 
 
    </div> 
 
    </div> 
 
</div>

在引导，通过默认有12列。

由于您的容器是，所以占用12列中的10列，因此从2列开始您的容器而不是第1列。因此，在容器两侧您都有相同的空间。

我认为COL-MD-10是你我加入COL-MD-偏移1列

的数量。

来源

2017-08-01 08:56:12 Shiladitya

aaaa ..不工作，不知道是否有更新或更新。铬风10 – Sangoku

@三国你得到什么错误？请解释这个问题。 – Shiladitya

https://i.stack.imgur.com/qBF1R.png 它只是直起来不起作用在我的电脑上fidget。 – Sangoku

请使用COL-XS -offset-x 代替x，您可以写入1到12之间的数字。

Mo右列使用.col-md-offset- *类。这些类将列的左边距增加*列：

您的代码将会是。

<div class="container-fluid main-container"> 
    <div class="col-md-10 content col-xs-offset-2"> 
     <div class="panel panel-default"> 
      <div class="panel-heading"> 
       Edit existing questions 
      </div> 
      <div class="panel-body"> 
      </div> 
     </div> 
    </div> 
</div>

参考链接https://www.w3schools.com/bootstrap/bootstrap_grid_examples.asp

来源

2017-08-01 08:53:04 Harsh

中心自举容器流体水平

回答

相关问题