"side-nav"
Bootstrap 3.0.0 Snippet by rubizza

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <nav role="navigation"> <div class="col-md-3"> <ul class="nav side-nav flex-md-col navbar-inverse"> <li><a href="#coverage">What does my plan cover?</a></li> <li><a href="#start">When does my coverage start?</a></li> <li><a href="#manu">How does the manufacturer’s warranty work with SquareTrade?</a></li> <li><a href="#register">Do I need to register my plan?</a></li> <li><a href="#broken">What if my item stops working?</a></li> <li><a href="#faq">Additional FAQs</a></li> </ul> </div> </nav> <div class="main col-xs-12 col-md-9 clearfix"> <h1>Welcome to SquareTrade</h1> <p>Want to learn about your plan?<br> Got a question? You’re in the right place.</p> </div>
.side-nav>li>a { padding: 29px; color: white; background-color: #2E5087; } .side-nav>li>a:active, .side-nav>li>a:hover { background-color: #264371;; } .side-nav>li:not(last-of-type) { border-bottom: 1px solid #3C6BB7; }

Related: See More


Questions / Comments: