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.