Question

如何使用以下链接将页面置于下方链接中心，并在bootstrap 3（asp.net mvc项目）中心布局

[http://everthemes.com/demo/sellegance1/index.php?route=account/register]

 <div class="container center-block">
<div class="navbar navbar-default navbar-fixed-top bgnav">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
             <a class="brand" href="index.html"> </a>


        </div>
        <div class="navbar-collapse collapse">
            <ul class="nav navbar-nav">
            </ul>
        </div>
    </div>
</div>

<div class="container body-content">
    @RenderBody()

    <div id="footer">
         <hr />
    <footer>
        <p>&copy; @DateTime.Now.Year - dum.Inc</p>
    </footer>
        </div>
</div>

以上不工作

Answer 1

ASP.net＆amp; MVC不应该真正改变你使用Bootstrap的方式。

在CSS（Bootstrap主要是css模板）中，您可以： *块中的中心文本 - bootstrap使用＆＃34;文本中心＆＃34;为此而上课 *使块本身居中 - bootstrap使用＆＃34; center-block＆＃34;这个课程

听起来你想要中心块，所以第二个适用。

还要确保使用＆＃34; container＆＃34;不是＆＃34;容器流体＆＃34;如果你想在页面的左边和右边有一个装订线。

Answer 2

不要在代码中嵌套.container。必须只使用一个container并使用.row作为多个嵌套列。

使用bootstrap 3使响应式网站居中

2 个答案: