Jaki jest właściwy sposób na przesłonięcie pozycji CSS elementu: względna; używając Bootstrap 2.2.1?

Pracuję nad projektem przy użyciu zestawu bootstrap 2.2.1 Initializr. Aby poprawnie zastąpić domyślne atrybuty CSS Bootstrapa, musisz utworzyć wpis dla danej klasy w "main.css" i dodać pożądane atrybuty.Jaki jest właściwy sposób na przesłonięcie pozycji CSS elementu: względna; używając Bootstrap 2.2.1?

W tym szczególnym przypadku Bootstrap ma klasę o nazwie ".collapse", która jest stosowana do domyślnego paska nawigacyjnego.

.collapse{ 
    position:relative; 
    height:0; 
    overflow:hidden; 
    -webkit-transition:height .35s ease; 
    -moz-transition:height .35s ease; 
    -o-transition:height .35s ease; 
    transition:height .35s ease 
}

Część, która powoduje u mnie problemy, to "position: relative;". Potrzebuję tam, aby nie było oświadczenia dotyczącego pozycji. Teraz wiem, że mogę po prostu otworzyć plik Bootstrap CSS i edytować go, ale jeśli plik zostanie zaktualizowany, zmiana zostanie utracona.

Jaki jest właściwy sposób nadpisania tego wpisu CSS?

Źródło

2012-11-15 Alex Straffin

po prostu ciekawa, co to jest pozycja 'position: relative'? Zasadniczo powinno to być bardzo podobne do 'position: static'. Czy próbujesz ustawić swoje dzieci względem jakiegoś innego elementu? –

To rodzaj długiej historii, ale istnieje problem po zalogowaniu, który przerywa przewijanie hiperłącza w pasku nawigacyjnym dla klasy .brand. Po rozwiązaniu problemu stwierdziłem, że wyeliminowanie atrybutu pozycji względnej rollover działało normalnie. –

Dołącz swój własny plik CSS po bootstrap.css i napisz regułę za pomocą tego samego selektora. Jeśli chodzi o właściwość position, możesz użyć position: static; lub czegokolwiek, czego potrzebujesz.

Źródło

2012-11-15 19:38:06 gregory

Czy ekwiwalent statyczny nie ma w ogóle żadnego stwierdzenia pozycji? –

Twoje właściwości css zawsze mają wartości, a "static" jest wartością domyślną, elementy są renderowane w kolejności, tak jak pojawiają się w przepływie dokumentów. –

Dzięki. "pozycja: statyczna;" pracował. Pomyślałem, że muszę usunąć stwierdzenie pozycji, kiedy naprawdę potrzebowałem ustawić go na domyślny. Dziękuję Ci bardzo! –

Jeśli jest tylko jedna właściwość można dodać inline css do elementu html i zresetować właściwość position do jego wartości domyślnej:

<nav class="collapse" style="position:static"> 
    <ul> 
    <li>....</li> 
    <li>....</li> 
    </ul> 
</nav>

Ale jeśli myślisz, że możesz zmienić/dodać inne style, to należy dodaj swój własny plik CSS po bootstrap.css, z tym że wszystkie twoje style zastąpią domyślne css.

Źródło

2012-11-15 19:50:02

To naprawdę fajne rozwiązanie dla kogoś, kto wyciąga włosy. Dziękuję Panu. –

Jaki jest właściwy sposób na przesłonięcie pozycji CSS elementu: względna; używając Bootstrap 2.2.1?

Odpowiedz

Powiązane problemy