由于某些原因,我在制作导航栏时遇到了麻烦。我尝试查看这里是否有答案或可以上网,但是没有运气。我是否缺少某些东西或存在冲突?
html, body {
margin: 0;
padding: 0;
}
.container {
max-width: 940px;
margin: 0 auto;
padding: 0 10px;
}
.jumbotron {
background: url(../img/bg.jpg) no-repeat center center;
background-size: cover;
height: 800px;
}
.header {
background-color: #333;
}
.nav {
list-style-type: none;
margin: 0;
padding: 20px 0;
}
.nav li a {
color: #fff;
display: inline;
font-family: 'Raleway', sans-serif;
font-weight: 600;
font-size: 12px;
margin-right: 25px;
text-transform: uppercase;
}Run Code Online (Sandbox Code Playgroud)
<div class="header">
<div class="container">
<ul class="nav" role="navigation">
<li><a href="#">About</a></li>
<li><a href="#">Photography</a></li>
<li><a href="#">Programming</a></li> …Run Code Online (Sandbox Code Playgroud)