页面的引导中心

【问题标题】：Bootstrap Center of the page页面的引导中心
【发布时间】：2016-09-19 22:05:32
【问题描述】：

大家好，我希望我的引导页面居中。我将如何使用这种格式进行操作

【问题讨论】：

标签： css twitter-bootstrap-3

【解决方案1】：

有一些方法可以获得这种格式。

在导航菜单中使用 position:absolute; 和 top ,left 值
使用container 类和透视col 值
使用margin:0 auto; display:table; 进入导航菜单

【讨论】：

不，谢谢...很高兴为您提供帮助 :) .. 如果您的问题得到解决意味着您可以接受作为答案...

【解决方案2】：

你可以像下面这样使用 CSS

 div {
           position: absolute;
           top: 0;
           left: 0;
           bottom: 0;
           right: 0;
           margin: auto;
      }

【讨论】：

【解决方案3】：

您可以使用 col-sm-offset-# 其中 # 是您希望它偏移的量。请注意，这不会自动将所有内容居中，但会将

<div class="col-sm-8 col-sm-offset-2">

在页面的中心。至于“Hello world”，您需要单独的 css t0 中心。在此示例中，由于引导程序中的列系统基于 12 列，因此如果您的主 div 为 8 列宽且偏移量为 2 列，则它将因此 div 居中。

<div class="col-sm-8 col-sm-offset-2">
   <div class="jumbotron">
     <h1> Hello World </h1>
   </div>
 </div>

【讨论】：