Должно ли так быть в bootstrap?

Question

[ibr_98]

Привет, эксперементирую с bootstrap, написал хедер, футер, и фотку поставил на страницу, и в общем когда уменьшаю масштаб браузера (дабы проверить как смотрится на больших экранах), то все блоки сдвигаются в левую строну (см. фото), так должно быть? если нет - помогите пожалуйста
P.S вот код:

<div class="container-fluid">
   		  <!--шапка-->
	      <div class="row">
	        <div class= "col-md-1 hidden-xs hidden-sm "><h4 style="color: gray;">EDUC</h4></div>
	   		<div class= "hidden-xs hidden-sm col-md-7 col-md-offset-2">
	   		<div class="pod2" style="color: #3C9937;">
		   		<h6 >пункт1</h6>
		   		<h6>пункт2</h6>
		   		<h6> пункт3</h6>
		   		<h6>пункт4</h6>
	   	    </div>
	   	   </div>
	   	  <div class="hidden-xs hidden-sm col-md-2 vk">
	   	   <div style="display: inline-block;"><a href="">Вход</a></div>
	   	   <div style="display: inline-block;"><a href="">Регистрация</a></div>
	   	  </div>
	    </div>
	    <hr>
	    <!--конец шапки-->



	    <!--картинка-->
	   <div class="row">
	     <div class="hidden-sm hidden-xs col-md-1 col-md-offset-2"><img src="lighted-cherry-blossom-lake-japan.jpg"></div>
	   </div>
	   <!--конец картинки-->


	   <!--футер-->
	   </div>
<footer class="footer">
 <h1>ФУТЕР САЙТА</h1>
 </footer>

Answer 1

[Павел]

Для больших экранов есть col-lg-номер
Вообще очень правильно использовать такой вид размеров например:

<div class="col-lg-6 col-md-8 col-sm-10 col-xs-12">Код</div>

И почему у картинки col-md-1 а не 12?
И сложно что-то говорить без Демо