Aaaaaaaa Aaaaaaaa - 5 months ago 8
HTML Question

Website footer with poor Bootstrap

I wand to create a footer with links and with copyright info at the end:



<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>BlaBla</title>
<link href="bootstrap.css" rel="stylesheet"/>

</head>
<body>
<div class="navbar navbar-inverse">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<label class="navbar-brand" for="BlaBla">BlaBla</label>
</div>
</div>
</div>

<div class="container body-content">

<hr />
<footer>
<nav class="navbar navbar-inverse" role="navigation">
<div>
<ul class="nav navbar-nav">
<li><a href="CorporateInformation.html">Corporate Information</a></li>

<li><a href="PrivacyPolicy.html">Privacy Policy</a></li>
<li><a href="CookiePolicy.html">Cookie Policy</a></li>
<li><a href="Help.html">Help</a></li>
<li>&copy; BlaBla 2016 All Rights Reserved</li>
</ul>
</div>
</nav>
</footer>
</div>
</body>
</html>





But here the copyright is shown on the top of the navbar, and it is dark grey, not light gray, and I did not find any Bootstrap class.

enter image description here

I do not want to use the style HTML attribute, I want to solve it with pure Bootstrap. Is there any solution?

Answer

You may want to use the class navbar-text.

https://jsfiddle.net/t2rrgynf/

Comments