Aaaaaaaa Aaaaaaaa - 1 year ago 51
HTML Question

Website footer with poor Bootstrap

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

<link href="" rel="stylesheet"/>
<!DOCTYPE html>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="bootstrap.css" rel="stylesheet"/>

<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>
<label class="navbar-brand" for="BlaBla">BlaBla</label>

<div class="container body-content">

<hr />
<nav class="navbar navbar-inverse" role="navigation">
<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>

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 Source

You may want to use the class navbar-text.