Понимание столбцов сетки CSS лучше - столбцы, используя поплавки

Question

Я использую http://semantic.gs с LESS.js. Мне трудно понять понятия, и документация для меня не совсем понятна. Я признаю, что не очень хорошо читал LESS.js, но я прочитал документацию на веб-сайте Semantic Grid System.

Мое понимание, что есть только грузы столбцов и каждый нумерованный столбец обрабатываются (?) Less.js.

// This LESS rule... 
article { 
    .column(9); 
} 

// Is compiled to... 
article { 
    display: inline; 
    float: left; 
    width: 700px; 
    margin: 0 10px; 
} 

Это было бы в основном тем же, за исключением того, что столбцы были бы в разных положениях?

Как я могу найти, какую колонку я буду использовать для нижнего колонтитула? Я не уверен, должен ли я применять обычный css для создания нижнего колонтитула.

Cheers.

Answer 1

Скорее всего существует LESS Mixin, который был создан, который определяет столбцы. Наверное, выглядит примерно так.

.column(@span: 1) { 
     float:left; 
     width: 8.33333% * @span; 
} 

@span - это количество столбцов сетки, которые вы хотите, чтобы каждая секция охватывала. Так скажите, что это сетка с 12 колонками, тогда вы, вероятно, захотите, чтобы нижний колонтитул охватывал всю ширину сетки:

footer { 
     .column(12); 
}