twitter bootstrap: как смешивать классы?

Question

Я пытаюсь правильно использовать Bootstrap. Мой МЕНЬШЕ файл (загружается после bootstrap.css) выглядит следующим образом:

#page { 
.container; 
} 
header { 
    ul { 
     .inline; 
     .unstyled; 
    } 
} 

И в результате, я вижу:

• Мой #page контейнер имеет Левое поле: авто и маржинальный-право : авто ... но без ширины!
• My <ul> не имеет встроенных и не приклеенных стилей!

Если я напрямую изменить HTML код следующим образом:

<div id="page" class="container"> 
    <header> 
     <ul class="inline unstyled"> 
      ... 
     </ul> 
    </header> 
</div> 

... все работает отлично.

Никто не знает почему?

Спасибо за помощь,

С уважением,

Answer 1

Во-первых, Bootstrap определяет ul.inline, поэтому пытаются

#page { 
    .container; 
} 
header { 
    ul { 
     ul.inline; 
     ul.unstyled; 
    } 
} 

---

.container определяется как 2-х блоков. Меньше не сочетает стиль нескольких блоков как mixin. Не знаю пути вокруг этого (извините).

.container, 
.navbar-static-top .container, 
.navbar-fixed-top .container, 
.navbar-fixed-bottom .container { 
    width: 940px; 
} 

.container { 
    margin-right: auto; 
    margin-left: auto; 
    *zoom: 1; 
}