HTML:
<body>
<div class = "container">
<div class = "nav">
<ul class = "pull-left">
<li><a class = "brand" href = "/">New York Guide</a></li>
</ul>
<ul class = "pull-right">
<li><a href = "#">Sign Up</a></li>
<li><a href = "#">Log In</a></li>
<li><a href = "#">Help</a></li>
</ul>
</div>
</div>
</body>
CSS:
.nav li {
display: inline;
}
.nav a {
color: white;
font-size: 12px;
font-weight: bold;
padding: 14px 10px;
text-transform: uppercase;
}
.nav {
background-color: #7f7f7f;
}
目前,我的导航栏文本靠近灰色栏顶部。有什么办法可以使其在酒吧中垂直居中吗?
我需要使用填充或边距标签吗?还是完全其他?
您的UL元素具有由引导程序生成的附加的margin-bottom属性。定位您的UL,并将余量重置为0。
.nav ul{margin:0;}
另外,将您的链接的填充固定为相等,并使它们显示为行内块:
.nav a {padding: 10px 10px; display:inline-block;}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句