Twitter bootstrap 导航栏顶部的引导容器_Twitter Bootstrap_Twitter Bootstrap 3

Twitter bootstrap 导航栏顶部的引导容器

twitter-bootstrap twitter-bootstrap-3

Twitter bootstrap 导航栏顶部的引导容器,twitter-bootstrap,twitter-bootstrap-3,Twitter Bootstrap,Twitter Bootstrap 3,我刚刚开始使用引导程序，我正在遵循仪表板示例。我遇到了位于导航栏顶部的容器，第一个链接最终被剪断。我怎样才能解决这个问题以下是我目前的代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3

我刚刚开始使用引导程序，我正在遵循仪表板示例。我遇到了位于

导航栏顶部的容器，第一个链接最终被剪断。我怎样才能解决这个问题
以下是我目前的代码：
<!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <link rel="stylesheet"  href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
    <title>Document</title>
</head>
<body>
<div class="navbar navbar-default navbar-fixed-top" role="navigation">
    <div class="navbar-header">
        <a class="navbar-brand">Dashboard</a>
    </div>
</div>
<div class="container-fluid">
    <div class="row">
        <div class="col-md-2 sidebar">
            <ul class="nav navbar-sidebar">
                <li class="active">
                    <a href="#"> link # 1 </a>
                </li>
                <li class="active">
                    <a href="#"> link # 2 </a>
                </li>
            </ul>
        </div>
    </div>
</div>
</body>
</html>


文件




嗯，您可以在container div上使用边距顶部，如下所示：
<div class="container-fluid" style="margin-top: 50px;">



或者您可以将其设置到css文件中：body{padding top:50px；}

检查示例。
我以为引导程序会解决这个问题。我仍然无法解释在他们的例子中它是如何工作的。我查看了css，对于这些东西，没有任何自定义的例子？我可以检查一下，告诉你他们是怎么做的。如果你给我一个网址。但我认为保证金解决方案没有任何问题。如果一个元素的位置是固定的，那么其他元素在它下面是很正常的，所以你可以用一个边距或一个填充的顶部来处理这个问题。如果你说的是引导式的官方页面，它们的标题和你的标题有一个不同的类。他们使用导航栏静态顶部开关，这意味着它不是固定的，如果你向下滚动页面，你将不会再看到标题。但在你的例子中，你使用的导航条固定顶部女巫是另一回事。如果用using inspect元素替换它们的类，它们将具有与您相同的内容，content cut；在身体上。看看吧。是一样的。所以在他们的css文件（dashboard.css）中，你可以在第一行找到这个：body{padding top:50px；}。希望这能有所帮助，并理解这是本案例的解决方案。