Comment faire de twitter bootstrap barre de navigation ont pas de couleur

Je suis en train de reproduire un effet comme basecamp barre de navigation de mon application.

L'affaire est que la barre de navigation aurait la même couleur que le corps couleur de fond, et pas de frontières ou quoi que ce soit, ce qui en fait le sentiment que ğ c'est la même chose"....

Quelqu'un connais un bon moyen de faire cela?
PS: je suis en utilisant le .less fichiers, donc, je peux facilement modifier les variables.

Merci d'avance

EDIT: j'ai oublier de le dit, mais je veux que le fixe et la réactivité des comportements de bootstrap trop.. j'ai aussi déjà à l'aide de tw bootstrap dans mon application, donc, je vais vraiment envie de l'utiliser.

OriginalL'auteur caarlos0 | 2012-10-25

  1. 11

    Ahem, c'est facile à faire avec de la pure CSS, vous n'avez même pas besoin de Bootstrap pour cela, ni ses classes CSS

    HTML: 

        <ul class="navigation">
      <li><a href="#">Home</a></li>
      <li><a href="#">Link</a></li>
      <li><a href="#">Link</a></li>
    </ul>

    CSS: 

    ​.navigation li {
    display: inline;
    padding-left: 5px;
    padding-right: 5px;
}

    Bien sûr, vous avez encore de style les liens à supprimer text-decoration etc.

    Edit: 

    .navbar-inner {
  background: none !important; 
  border: 0 !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}

.navbar-inverse .nav .active > a {
  background: 0 !important; 
  color: #333 !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}

.navbar-inverse .nav > li > a {
  color: #333 !important;
  text-shadow: none !important;
}

.navbar-inverse .nav > li > a:hover {
  color: #333 !important;
}

    Démo : http://codepen.io/anon/pen/vJsfz

    Je viens de faire une simple "remise à zéro" des lignes de CSS pour supprimer toutes les couleurs, les bordures et les ombres (au moins pour les navigateurs Webkit). Vous devrez peut-être modifier un peu plus.

    mais je veux que le fixe et la réactivité des comportements de bootstrap trop.. j'ai aussi déjà à l'aide de tw bootstrap dans mon application. Merci quand même pour la réponse.
    Alors, pourquoi vous n'avez pas l'ajouter à votre question? Sera mise à jour de ma réponse au sujet de ces informations.
    désolé, je vais corriger ça.
    Bon, là vous allez.
    La démo ne fonctionne pas.

    OriginalL'auteur sascha

  2. 3
    /*  clear bootstrap header colors */
.navbar-default {
    background-color: white;
    border-color: white;
}
    blanc != pas de couleur,mais merci 🙂

    OriginalL'auteur Simon

  3. 2

    Peut-être que je ne suis pas à comprendre quelque chose, mais juste après avoir traité avec cela, il semble que la meilleure chose à faire est de remplacer la valeur par défaut barre de navigation couleur avec une couleur transparente dans le canal alpha...

    .navbar-default {
    background: rgba(255, 255, 255, 0);
}

    Si vous utilisez rgba, les trois premiers chiffres représentent le rouge, le vert, le bleu, sur une échelle de 0 à 255, et le dernier est le canal alpha, 0 étant complètement transparent et 1 étant complètement opaque.

    Réglage en blanc, trop, si votre arrière-plan qui est arrivé à être blanc, mais de cette manière, il n'a pas d'importance ce que votre arrière-plan est.

    OriginalL'auteur davidrynn