2014-10-19 3 views
0

Я работаю над моей собственной CSS сетки и нашел этот сайт:CSS - разметка между элементами без полей/отступов?

http://demo.select-themes.com/stockholm1/four-column-gallery/

Кто-нибудь есть какие-либо идеи, как это достигается? В основном Портфельные элементы имеют пространство между ними, но нет поля, отступы, все, что я могу думать:

<article class="mix portfolio_category_2 mix_all" style=" "><div class="image_holder standard_hover"><span class="image">(...)</article> 

2% margin (not sure where it comes from!) 

<article class="mix portfolio_category_2 mix_all" style=" "><div class="image_holder standard_hover"><span class="image">(...)</article> 

Я думаю, что это Bootstrap, но сетка Bootstrap, кажется, имеют поля после всего ... Эти элементы имеют только дно поля, но не справа/слева. Как это сделано?

+0

Хорошо, посмотрите в консоль разработки браузеров. Это должно позволить вам узнать, какое правило css несет ответственность. – arkascha

+0

Это то, что я сделал, и нет полей, прокладок вообще ... – Wordpressor

+0

Тогда откуда вы знаете, что это 2%? – arkascha

ответ

2

Это правило укладки контейнера:

.projects_holder { 
    ... 
    text-align: justify; 
    ... 
} 

Попробуйте удалить его в консоли разработки.

+0

Христос, это замечательно. Я был очень уверен, что в нем участвует JS-fiddling. Большое спасибо! – Wordpressor

+3

Добро пожаловать :-) Ой, и: «аркаша» просто прекрасна, «христ» просто слишком много. – arkascha

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