I would like to include as a title of a navigation bar some image plus some text. I am following the Documentation but the resulting text 'Custom Text' in paragraph is not displayed with the same format (color, size) as the other elements of the navigation bar.
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta content="viewport" content="width=device-width, initial-scale=1.0">
<title>Untitled Document</title>
<link rel="stylesheet" href="http://ift.tt/1K1B2rp">
<script src="http://ift.tt/18XrlsC"></script>
<script src="http://ift.tt/1D8Hvux"></script>
</head>
<body>
<nav class="navbar navbar-light" style="background-color: #e3f2fd;">
<div class="container-fluid">
<div class="navbar-header">
<div class="navbar-brand">
<a href="#">
<img alt="logotitle" src="logo.png">
</a>
<p class="navbar-text">Custom text</p>
</div>
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navmenu">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse" id="navmenu">
<ul class="nav navbar-nav">
<li class="active"><a href="#">activeitem</a></li>
<li><a href="#">navitem1</a></li>
<li><a href="#">navitem2</a></li>
<li><a href="#">navitem3</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="#"><span class="glyphicon glyphicon-user"></span> Sign in</a></li>
<li><a href="#"><span class="glyphicon glyphicon-log-in"></span> Log in</a></li>
</ul>
</div>
</div>
</nav>
</body>
</html>
Aucun commentaire:
Enregistrer un commentaire