Quelle est la bonne façon de remplacer un élément CSS "position: relative;" à l'aide de Bootstrap 2.2.1?
Je suis en train de travailler sur un projet en utilisant Twitter Bootstrap 2.2.1 Initializr standard. Afin de bien remplacer Bootstrap par défaut des attributs CSS, vous devez créer une entrée pour la classe affecté au principal.css "et d'ajouter" les caractéristiques désirées.
Dans ce cas particulier Bootstrap a une classe appelée '.l'effondrement " qui est appliqué par défaut de la barre de navigation.
.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
}
La partie qui est à l'origine de problèmes pour moi, c'est la " position: relative;'.
J'ai besoin qu'il n'existe pas d'énoncé de position. Maintenant, je sais que je peux juste ouvrir le fichier CSS de Bootstrap et de le modifier, mais si le fichier est mis à jour que les changements seront perdus.
Quelle est la bonne façon de substitution de cette CSS entrée?
- juste par curiosité, qu'est-ce que
position: relative
est la rupture? En général, cela devrait être très similaire àposition: static
. Êtes-vous essayer de position de ses enfants par rapport à un autre élément? - Une longue histoire, mais il y a un problème post de connexion qui rompt le lien hypertexte de roulement dans la barre de navigation pour la .la marque de classe. Après le dépannage, j'ai trouvé que l'élimination de la position relative de l'attribut, le roulement a ensuite travaillé comme d'habitude.
Vous devez vous connecter pour publier un commentaire.
Inclure votre propre fichier CSS après bootstrap.css et écrire une règle avec le même sélecteur. Comme pour la propriété position, vous pouvez utiliser
position: static;
ou ce que vous aurez besoin.static
est la valeur par défaut, les éléments rendre dans l'ordre, tels qu'ils apparaissent dans le flux de documentsSi c'est juste une propriété, vous pouvez ajouter du css de l'élément html et de réinitialiser le
position
propriété à sa valeur par défaut:Mais si vous pensez que vous allez modifier/ajouter d'autres styles, vous pouvez alors ajouter votre propre fichier CSS après bootstrap.css, avec tous vos styles de remplacer le bootstrap css par défaut.