Bootstrap Article Details/Read more page with the tab of other articles

[code] <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous"> <link rel="stylesheet" href="" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> <style type="text/css"> body { background: #eee !important; } .page-header{ margin-top: 0 !important; } .panel-body{ padding-top: 0; } .featuredImg{ margin-bottom: 15px; } </style> <!– HTML5 shim and Respond.js for IE8 support

Bootstrap Grid System

col-md-3 col-xs-9 The available grids: Example Code [code] <!– MAIN CONTAINER BEGIN –> <div class="container"> <div class="row"> <div class="col-md-3"> <h3>Article 1</h3> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea

Bootstrap navigationbar

[code] <div class="navbar navbar-inverse navbar-static-top"> <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> <a href="#" class="navbar-brand">Navbar Title</a> </div> <div class="navbar-collapse collapse"> <ul class="nav navbar-nav navbar-right"> <li class="active"><a href="#header">Home</a></li> <li><a href="#">Link 1</a></li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Social Media <b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="#">Linkedin</a></li>