2015-11-27 2 views
0

Вот скриншот того, как выглядит интервал, я ищу только режим отображения, чтобы все было в порядке, где бы они ни находились, без создания новых линий. . Удалите нечетное расстояние между HTML/CSS-плитами

Это то, что это выглядит, но в идеале я хотел бы не быть никакого зазора на левой стороне

Я просто искал настройки дисплея, чтобы исправить проблему (напр дисплей: любой;)

Любая помощь приветствуется; D

+0

Не могли бы вы предоставить JSFiddle, чтобы мы могли видеть код, который вы пытаетесь ... никто здесь не собирается переписывать ваш макет для вас. Спасибо :) – Alex

+0

Я не думал, что это будет необходимо, я просто добавил, что мне просто нужен параметр отображения для всего файла, чтобы он выглядел лучше. –

+0

Вы должны иметь возможность использовать 'display: inline-block' – Alex

ответ

0

Если вы используете Bootstrap вы можете сделать верхний ряд панелей подходят в

<div class="row"> 

Следующая строка, которую вы хотите, должна находиться внутри другого класса «строка». Код должен выглядеть примерно так:

<div class="row"> 
    <div id="one" class="col-sm-2 panel panel-default"> 
    <div id="oskartommy"></div> 
    </div> 
    <div id="two" class="col-sm-2 panel panel-default"> 
    <div id="rorum"></div> 
    </div> 
    <div id="three" class="col-sm-2 panel panel-default"> 
    <div id="itsaka"></div> 
    </div> 
    <div id="four" class="col-sm-2 panel panel-default"> 
    <div id="mylittle"></div> 
    </div> 
    <div id="four" class="col-sm-2 panel panel-default"> 
    <div id="meow"></div> 
    </div> 
    <div id="six" class="col-sm-2 panel panel-default"> 
    <div id="lil_toxic"></div> 
    </div> 
</div> 

<div class="row"> 
    <div id="one" class="col-sm-2 panel panel-default"> 
    <div id="joa"></div> 
    </div> 
    <div id="two" class="col-sm-2 panel panel-default"> 
    <div id="oskatommy"></div> 
    </div> 
    <div id="three" class="col-sm-2 panel panel-default"> 
    <div id="bausz"></div> 
    </div> 
    <div id="four" class="col-sm-2 panel panel-default"> 
    <div id="bntlol"></div> 
    </div> 
    <div id="four" class="col-sm-2 panel panel-default"> 
    <div id="flom"></div> 
    </div> 
    <div id="six" class="col-sm-2 panel panel-default"> 
    <div id="m0ew_tv"></div> 
    </div> 
</div> 

Попробуйте работать с чем-то подобным, чтобы организовать свои панели. Я сделал все столбцы шириной столбца равномерно распределенными, но вы можете изменить это, но вам нужно использовать 12-ти колонную систему с реагированием.

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