Używam biblioteki Bootstrap Twittera, wersja 2.0.3, do prototypowania strony internetowej. Obecnie używam dostarczonej kontroli modalnej, aczkolwiek wbudowanej, aby wyświetlić, co będzie formularzem:

<code><div class="modal in-layout span6 offset3">
    <div class="modal-header">
        <h3>Header</h3>
    </div>
    <div class="modal-body">
        <p>Hello</p>
    </div>
    <div class="modal-footer">

    </div>
</div>
</code>

Napisałem swój własny selektor, aby skorzystać z mojej niestandardowej klasy,.in-layout:

<code>div.modal.in-layout {
    position: static;
    top: auto;
    left: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}
</code>

Problem polega na tym, że reguły CSS są dopasowane w bardzo niewygodnym porządku:

Zasadniczo potrzebuję.span6 i.offset3 klasy do zastosowania z wyższym priorytetem niż.modal aby dać moje<div> margines 260px i szerokość 460px.

Czy mogę to zrobić w jakiś sposób?