2014-12-07 5 views
0

Я задал отзывчивый вопрос в своем предыдущем посте.Как показать заполнение элементов в моем случае?

How to set responsive divs in my case?

Я установил свой HTML, чтобы быть действительными HTML коды, но кажется, что у меня нет отступы слева от красной колонки и справа от серой колонки больше ввиду таблетки. Я думаю, что у меня действительно класс bootstrap, но я не уверен, что произойдет. Может кто-нибудь помочь мне об этом?

Мои jsFiddle

http://jsfiddle.net/0qarh5yt/6/

<div class="container"> 
<div id="wrapper"> 
    <div class="row"> 
     <div class="col-md-1"></div> 
     <div class="col-xs-12 col-md-2"> 
      <div class="row"> 
       <div class="col-xs-3 col-md-12 box1"> 
        test 
       </div> 
       <div class="col-xs-9 col-md-12 box2"> 
        test 2 
       </div> 
      </div> 
     </div> 

     <div class="col-xs-12 col-md-2"> 
      <div class="row"> 
       <div class="col-xs-3 col-md-12 box1"> 
         test 
       </div> 
       <div class="col-xs-9 col-md-12 box2"> 
        test 2 
       </div> 
      </div> 
     </div> 

     <div class="col-xs-12 col-md-2"> 
      <div class="row"> 
       <div class="col-xs-3 col-md-12 box1"> 
        test 
       </div> 
       <div class="col-xs-9 col-md-12 box2"> 
        test 2 
       </div> 
      </div> 
     </div> 

     <div class="col-xs-12 col-md-2"> 
      <div class="row"> 
       <div class="col-xs-3 col-md-12 box1"> 
        test 
       </div> 
       <div class="col-xs-9 col-md-12 box2"> 
        test 2 
       </div> 
      </div> 
     </div> 

     <div class="col-xs-12 col-md-2"> 
      <div class="row"> 
       <div class="col-xs-3 col-md-12 box1"> 
        test 
       </div> 
       <div class="col-xs-9 col-md-12 box2"> 
        test 2 
       </div> 
      </div> 
     </div> 
    </div> 
</div> 
</div> 
+0

Если это просто уточнение к предыдущему вопросу, который вы связаны, вы должны обновить свой вопрос, вместо того, чтобы просить новый. – wisew

+0

Я не понимаю, чего вы пытаетесь достичь. Использование прокладки - это неправильный способ исправить эту проблему. Вы должны скорректировать свои значения xs-x, иначе это уменьшит полезность чувствительной сетки. Обратите внимание, что в сетке в Bootstrap каждая строка содержит 12 столбцов. – TysonWolker

+0

: http://jsfiddle.net/banzay52/qs3ph1oq/1/ - что вы хотите? – Banzay

ответ

-1

У вас есть отрицательные поля на строке:

.row { 
margin-right: -15px; 
margin-left: -15px; 
} 

если вы удалите их или установить их на 0, это будет решать ваш вопрос (все остальное нормально);

fiddle

Смежные вопросы