Html 引导3导航栏中的文本居中
如何设置导航栏中链接的宽度(包括品牌名称),使其宽度为960像素,并在页面中居中?我仍然希望导航栏的背景能够延伸浏览器的整个宽度,并且仍然希望我的响应按钮在崩溃时能够正常工作 我试过各种方法,但似乎都不管用。我是否需要将导航条的背景从文本中分离出来,并以某种方式将其居中 以下是我的HTML标记:Html 引导3导航栏中的文本居中,html,css,twitter-bootstrap-3,navbar,Html,Css,Twitter Bootstrap 3,Navbar,如何设置导航栏中链接的宽度(包括品牌名称),使其宽度为960像素,并在页面中居中?我仍然希望导航栏的背景能够延伸浏览器的整个宽度,并且仍然希望我的响应按钮在崩溃时能够正常工作 我试过各种方法,但似乎都不管用。我是否需要将导航条的背景从文本中分离出来,并以某种方式将其居中 以下是我的HTML标记: <div class="container"> <!-- row 1: navigation --> <div class="row"> <nav class=
<div class="container">
<!-- row 1: navigation -->
<div class="row">
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="navbar-header">
<a href="#"class="navbar-brand">Logo</a>
<button type="button" class="navbar-toggle" data-toggle="collapse" data-
target="#collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse" id="collapse">
<ul class="nav navbar-nav navbar-right">
<li class="active"><a href="#">Work</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</nav>
</div>
切换导航
将新类添加到导航栏:
<nav class="navbar navbar-default navbar-fixed-top navbar-custom" role="navigation">
您尝试文本对齐:居中;?这使得文本以960像素的宽度居中,但导航栏的背景没有延伸到浏览器的整个宽度,响应元素已经停止工作。我是否应该尝试在navbar内部设置一个类并进行定制?值得一试!让我们知道你的进展如何。我已经添加了类,并在导航栏内部添加了100%的宽度,但我认为它正在将其应用于整个导航栏,因此文本已经回到原来的状态。有没有一种方法可以分离导航栏的背景和链接,而不会弄乱响应元素?将你的内容放入并附加链接到您的问题。
.navbar-custom {
width: 960px;
margin: 0px auto;
}