2015-09-25 2 views
0

В настоящее время я создаю простой проект с использованием системы аккуратной сетки Bourbon, и в настоящее время я пытаюсь создать список из 3 столбцов из 6 объектов в целом, но когда я пытаюсь их охватить в 4 столбцах каждый, что-то происходит, и они становятся только 2 столбцами.Столбец из чистой сетки Бурбона не работает должным образом

Он добавляет край только с правой стороны каждого элемента, но это нормально, поскольку все заранее задано. Так что это не проблема.

Что я могу сделать для этого?

Вот SASS выдержка:

#serviceList { 
     @include row(); 

     li { 
      @include pad(1em); 
      @include span-columns(4 of 12); 

      img, p { 
       float: left; 
      } 
     } 
    } 

Заранее спасибо!

+0

Вы уверены, что это правильно? '@include span-columns (4 из 12);' –

+0

Извините, я написал свой ответ и забыл его опубликовать! ': P' –

ответ

2

Мне удалось разобраться. В некотором смысле ...

#serviceList { 
@include row(); 

li { 
    @include pad(1em); 
    @include span-columns(4); 
    @include omega(); 
    img, p { 
     float: left; 
    } 
    } 
} 

enter image description here

Я добавил "@include омега();" mixin, который удаляет границу желоба между ними. Но поскольку я новичок в Neat, мне интересно, правильно ли это сделать? Может кто-нибудь объяснить?

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