如何水平居中整个bootstrap 3页面内容

Question

Bootstrap 3网站页面内容需要水平居中，如果其宽度小于bowser窗口宽度和小缩放级别。

我尝试使用

水平居中整页

body {
    display: inline-block;
    margin: 0px auto;
}

但内容仍然出现在左侧。

页面内容在bootstrap中

<div class="containner-fluid">

元素。 我尝试使用

添加固定的heightr

.container-fluid {
    width: 1500px;
}

但内容仍显示在左侧。 如何水平居中内容？

使用mose wheel将chrome中的缩放级别降至最低。 内容仍然是左对齐的，而不是更广泛的窗口。

使用了Bootstrap3，jquery，jquery-ui，ASP.NET MVC3

Answer 1

使用.container代替.container-fluid。

.container-fluid使用全宽。

  

<强> Bootstrap Containers ：

     

将.container用于响应式固定宽度容器。

     

将.container-fluid用于全宽容器，跨越视口的整个宽度。

编辑：正如@SeRu所述：删除正文的display: inline-block

Answer 2

从正文中移除display: inline-block并更改container-fluid to container

Answer 3

删除display: inline-block;

body {
   display: inline-block; //Remove it
    margin-left: auto; 
}

Answer 4

将体型设置为1500px 并将保证金权利和保证金左边改为保证金：0自动;来自容器 - 液体。 并删除您的显示：inline-block;从身体。 Screenshot of your website centered