在Bootstrap中以响应方式导航栏后的Div区域

Question

我有一个导航栏，我想添加一个带有页面内容的div区域，让我们说一个段落或其他东西。我希望这个div在导航栏之后。我使用了margin-top:200px，但我不确定这是否有效，或者是否是更好的方法。

我希望这个“我在左边”段落在导航栏下，如果不使用margin-top，这是一个更好的方法吗？

这是我的HTML：

<div class="navbar navbar-default navbar-fixed-top" style="top:50px; background:none; border:0px; box-shadow:none;">
        <div class="navbar-inner">  
            <div class="container-fluid" >
                <ul class="nav navbar-nav">
                    <li><a href="#">News</a></li>
                    <li><a href="#">Portofolio</a></li>
                    <li><img id="logo" src="images/logo.png"></img></li>
                    <li><a href="#">Contact</a></li>
                    <li><a href="#">About</a></li>
                </ul>
            </div>
        </div>
    </div>
<div class="content">
<div class="container-fluid">
    <div class="row">
        <div class="col-md-6"><p id="some">I'm on the left</p></div>
    </div>
</div>
</div>

</div>

这是我的css：

.content{
    margin-top: 200px;
}

#some{
-moz-border-radius: 24px;
-webkit-border-radius: 24px;
border-radius: 24px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
-moz-box-shadow: 0px 0px 20px #000000;
-webkit-box-shadow: 0px 0px 20px #000000;
box-shadow: 0px 0px 20px #000000;
background: white;
}

我试过了：

.navbar-fixed-top {
  margin-bottom: 19px;
}

但它不起作用。

Answer 1

您通常会为导航设置一个margin-bottom属性，就像在此处找到的bootstrap提供的大多数初学者模板中所做的那样：http://getbootstrap.com/getting-started/。

可能与您的关系密切的是：http://getbootstrap.com/examples/navbar-static-top/