<div class="navbar navbar-default navbar-static-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Меню</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Фирма</a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Главная <span class="sr-only"></span></a></li>
<li><a href="#">О нас</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Выпадающее меню у края окна<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">Залезает за край окна</a></li>
<li><a href="#">Залезает за край окна</a></li>
<li><a href="#">Залезает за край окна</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<!-- А тут уже ваша конструкция -->
</div>
</div>
</div>
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" type="text/css" />
<link rel="stylesheet" href="css/style.css" type="text/css" />
<div class="strike">
<span>Hello World</span>
</div>
.strike {
display: block;
text-align: center;
overflow: hidden;
white-space: nowrap;
}
.strike > span {
position: relative;
display: inline-block;
}
.strike > span:before,
.strike > span:after {
content: "";
position: absolute;
top: 50%;
width: 9999px;
height: 1px;
background: red;
}
.strike > span:before {
right: 100%;
margin-right: 15px;
}
.strike > span:after {
left: 100%;
margin-left: 15px;
}
<body>
<header class="header">
<div class="header_menu">
<div class="container-fluid">
<div class="row">
<div class="col-md-4">
<div class="left_menu">
<nav>
<ul class="nav clearfix">
<li><a href="#">Главная</a></li>
<li><a href="#">Услуги и цены</a></li>
<li><a href="#">О нас</a></li>
</ul>
</nav>
</div>
</div>
<div class="col-md-4">
<div class="logo"></div>
</div>
<div class="col-md-4">
<div class="right_menu">
<nav>
<ul class="nav clearfix">
<li><a href="#">Вакансии</a></li>
<li><a href="#">Отзывы</a></li>
<li><a href="#">Контакты</a></li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
</header>
</body>
body {
font-family: "RobotoRegular", sans-serif;
font-size: 16px;
}
.left_menu{
background: red;
height: 50px;
}
.logo{
background: blue;
height: 50px;
}
.right_menu{
background: purple;
height: 50px;
}
.clearfix{
margin-top: 0px;
}
.nav li {
display:inline-block;
}
.nav li a {
padding: 10px 15px;
color: #fff;
text-decoration:none;
}