2013-11-15 2 views
0

Наконец-то я решил, что я хотел бы узнать МЕНЬШЕ, и до сих пор я очень люблю его. Я использую Bootstrap 3, и у меня есть немного проблемы, когда дело доходит до создания контейнеров и строк в моих документах LESS.У меня небольшие проблемы с LESS и Bootstrap 3

Простой HTML пример:

<header> 
    <article>...</article> 
    <aside>...</aside> 
</header> 

Мои МЕНЬШЕ бы:

header 
    .container-fixed(); 
    .make-row(); 
    article { 
    .make-md-column(6); 
    } 
    aside { 
    .make-md-column(6); 
    } 
header 

Я держу заголовок вне контейнера, потому что я хотел бы фон растянуть 100% в ширину , Я продолжаю получать сообщение об ошибке «ParseError: Unrecogonized input on line 2, columns 26» и указывает на .container-fixed(); и .make-row() ;.

Я не визг на этот материал, но я уверен, что есть что-то супер просто, я просто не понимаю. Помогите!

ответ

1

Вы должны обернуть фигурные скобки вокруг header

header { 
    .container-fixed(); 
    .make-row(); 
     article { 
      .make-md-column(6); 
     } 
     aside { 
      .make-md-column(6); 
     } 
} 
+0

Хорошо, мой код выглядит точно так же, как это и контейнер по-прежнему охватывает всю ширину моей страницы. Есть ли переменная где-то, что я должен определить, что мне не хватает? Когда я добавляю .container в HTML, он работает нормально. Это немного разочаровывает, потому что я знаю, что ответ так прост. Он просто еще не нажал ... – user2997449

+0

Пока вы импортируете 'bootstrap.less' в созданный LESS-файл, он должен работать. – Stigma

+0

Прошу прощения за мое невежество, но голый со мной здесь. У меня есть рабочая папка в WinLESS, и у меня есть только bootstrap.less. Я также создал файл style.less и добавил '@import" style.less ";' в мой файл bootstrap.less. Любые изменения, которые я делаю в приведенном выше примере кода (изменение ширины столбцов, например), работают нормально. Все работает, но .container-fixed(); класс. – user2997449

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