Смущен тем, как добавить левое поле, используя сетку 960

У меня есть следующий HTML:

<ul class="container_12">
  <li class="Home current" title="">
  <a title="">Home</a>
  <ul>
     ...

Я хотел бы, чтобы элементы li в верхней части ul не начинались прямо слева. Я хотел бы сместить их, может быть, на одну или две позиции сетки.

Используя сетку 960, как лучше всего это сделать? Я очень смущен тем, должен ли я изменить класс верхней ul или должен ли я заключить верхнюю ul в другой container_12, а затем иметь другой класс для этой ul.


javascript html css 960.gs
person Samantha J T Star    schedule 15.05.2012    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Вам нужно использовать push_1 или push_2, чтобы переместить что-то на одну или две из заданных вами позиций сетки. Очевидно, что если оба ul находятся в одном и том же блоке сетки, они оба будут двигаться. Вам нужно будет отделить все, что нужно втолкнуть в другой контейнер.

Система сетки действительно полезна, когда у вас есть правильное понимание того, как она работает, я думаю, вы должны получить хорошее представление о том, что происходит под капотом, одно из лучших руководств для этого - Освоение сетки 960

Кроме того, я также очень рекомендую этот онлайн-инструмент, который поможет вам при создании пользовательских сеток — онлайн-генератор сеток.

person Neil    schedule 15.05.2012