要在引导中心navbar[复制]
这是我的密码，我试过很多东西，欧比旺，帮帮我！我试着做了一个容器标签，对css的ro响应。
<!DOCTYPE html>
<html lang="en">
<head>
<!-- This sets up bootstrap 3-->
<meta charset="utf-8">
<meta name="veiwport" content="width-device-width, initial-scale-1">
<!-- this sets initial zoom when page is loaded -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<!-- links css -->
</head>
<body>
<div class="container">
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="#">Lauren Neely</a>
</div>
<ul class="nav navbar-nav">
<li class="active"><a href="#">Home</a>
</li>
<li><a href="#">Gallery</a>
</li>
<li><a href="#">Sketchbook + Misc</a>
</li>
<li><a href="#">Contact</a>
</li>
</ul>
</div>
</nav>
</div>
</body>
</html>共有1个答案
您可以在css中添加：
@media (min-width: 768px){
.navbar-nav{
text-align:center;
float:none;
}
.navbar-nav li{
float:none;
display:inline-block;
}
}
使用float:none可以将中心对齐设置为。导航栏导航
设置@media（最小宽度：768px）您只能将这些规则应用于桌面和平板电脑视图。对于移动引导，以响应方式处理导航栏，因此没有必要。
<!DOCTYPE html>
<html lang="en">
<head>
<!-- This sets up bootstrap 3-->
<meta charset="utf-8">
<meta name="viewport" content="width-device-width, initial-scale-1">
<!-- this sets initial zoom when page is loaded -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<!-- links css -->
<style>
@media (min-width: 768px)
.navbar-nav{
text-align:center;
float:none;
}
.navbar-nav li{
float:none;
display:inline-block;
}
}
</style>
</head>
<body>
<div class="container">
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="#">Lauren Neely</a>
</div>
<ul class="nav navbar-nav">
<li class="active"><a href="#">Home</a>
</li>
<li><a href="#">Gallery</a>
</li>
<li><a href="#">Sketchbook + Misc</a>
</li>
<li><a href="#">Contact</a>
</li>
</ul>
</div>
</nav>
</div>
</body>
</html>-
我正试图将
-
我得到了以下css规则 我希望有
-
我在Bootstrap3导航方面有问题，我在左边、中间和右边都有一些内容。似乎没有导航中心的选项。 http://jsfiddle.net/29tQt/embedded/result/ 我正试图让标题为“中心”的链接位于页面的中心，我如何才能做到这一点？
-
编译时出现问题:X ./src/App 中的错误.js 在“”中找不到导出“NavBar”（作为“NavBar”导入）/导航栏'（可能的导出：默认值）这是我的导航栏Js我已导出导航栏，但我仍收到此错误：） 这是App.js，我已经导出了应用程序，但它仍然显示错误
-
本文向大家介绍引导程序navbar-static-top类，包括了引导程序navbar-static-top类的使用技巧和注意事项，需要的朋友参考一下 要创建随页面滚动的导航栏，请添加.navbar-static-top类。此类不需要将填充添加到<body>。 示例
-
试着在bootstrap中做一个navbar。标题占用了所有空间，折叠div没有显示。而我从教程中输入了完全生成输出的精确代码。我做错了什么？这里是Bootstrap初学者。 我创建了一个带有navbar-hear和navbar-collable div的nav标记，其中有两个navbar选项列表 null null navbar-nav元素是不可见的，如果我移除caplable class，它们