Css 引导导航栏上不显示徽标
我正在练习引导,在没有显示的地方显示徽标时遇到困难。你能看一下并解释一下发生了什么事吗 HTML5:Css 引导导航栏上不显示徽标,css,html,twitter-bootstrap,Css,Html,Twitter Bootstrap,我正在练习引导,在没有显示的地方显示徽标时遇到困难。你能看一下并解释一下发生了什么事吗 HTML5: <!DOCTYPE html> <html class="responsive"> <head> <title>Whatcha Cravin? | Home</title> <meta name="viewport" content="width=device-width, init
<!DOCTYPE html>
<html class="responsive">
<head>
<title>Whatcha Cravin? | Home</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8">
<link rel="stylesheet" href="assets\css\style.css" type="text/css">
<link rel="stylesheet" href="assets\css\bootstrap.css" type="text/css">
<link rel="stylesheet" href="assets\css\bootstrap.min.css" type="text/css">
</head>
<body>
<!-- Navbar -->
<nav class="nav">
<div class="container">
<div class="pull-left">
<a href="#">
<img href="assets/images/Logo_Transparent_Backround.PNG" class="image-responsive">
</a>
</div>
<ul class="list-inline pull-right">
<li class="list-unstyled"><a href="#" class="home">Home</a></li>
<li class="list-unstyled"><a href="#" class="menu">Our menu</a></li>
<li class="list-unstyled"><a href="#" class="about">About Us</a></li>
<li class="list-unstyled"><a href="#" class="contact">Contact Us</a></li>
</ul>
</div>
<div class="jumbotron"/>
</nav>
<!-- /Navbar -->
</body>
</html>
在img标签中将href更改为src。调用需要使用的图像时
<img src="someImage.jpg" alt="" />
我已经修改了代码这里是更新
李娜先生{
颜色:#000;
字体大小:15px;
字体大小:粗体;
填充:14px 10px;
文本转换:大写;
}
琼伯伦先生{
背景图像:url(../images/image1-3-edited_1.jpg);
背景重复:无重复;
背景尺寸:封面;
高度:599px;
利润上限:3倍;
宽度:100%;
}
李娜:悬停{
背景色:#b23739;
颜色:#fff;
}
.导航{
边缘顶部:10px;
宽度:100%;
}
.标志{
高度:100px;
宽度:200px;
利润上限:-100px;
溢出:无;
}
.内联列表{
垂直对齐:自动;
}
路径可能未分配给徽标。。尝试在浏览器中调试。看看你是否有任何控制台错误??非常感谢。成功了!我真不敢相信我从来没有注意到那件事。
<img src="someImage.jpg" alt="" />
<body>
<!-- Navbar -->
<nav class="nav">
<div class="container">
<div class="pull-left">
<a href="#">
<img src="http://www.xbox.com/shell/images/shell/XboxLogo.png" class="image-responsive">
</a>
</div>
<ul class="list-inline pull-right">
<li class="list-unstyled"><a href="#" class="home">Home</a></li>
<li class="list-unstyled"><a href="#" class="menu">Our menu</a></li>
<li class="list-unstyled"><a href="#" class="about">About Us</a></li>
<li class="list-unstyled"><a href="#" class="contact">Contact Us</a></li>
</ul>
</div>
<div class="jumbotron"/>
</nav>
<!-- /Navbar -->
</body>
.nav li a{
color: #000;
font-size: 15px;
font-weight: bold;
padding:14px 10px;
text-transform: uppercase;
}
.jumbotron{
background-image:url(../images/image1-3-edited_1.jpg);
background-repeat:no-repeat;
background-size:cover;
height:599px;
margin-top:3px;
width:100%;
}
.nav li a:hover{
background-color:#b23739;
color:#fff;
}
.nav{
margin-top:10px;
width:100%;
}
.logo{
height:100px;
width:200px;
margin-top:-100px;
overflow:none;
}
.list-inline{
vertical-align:auto;
}