Bootstrap Navbar a étrange frontière délié

J'ai tout essayé pour se débarrasser de cette délicieuse racine de cheveux, y compris les techniques de this post et this post mais pas de savon. voici une image de ce que je fais affaire avec:Bootstrap Navbar a étrange frontière délié

il traverse l'en-tête de la page entière et pour l'amour de tout Webby, je ne peux pas trouver où il vient! juste la barre de navigation de base avec un fond transparent. J'ai plumbed l'ensemble de la liste CSS dans devtools et la chose la plus proche que j'ai trouvé était un border-color sur .navbar-default .navbar-collapse, .navbar-default .navbar-form, que j'ai essayé de changer en aucun effet.

toute illumination est la bienvenue à ce stade. TIA!

WR!

Source

2017-10-11 WhiteRau

Avez-vous la largeur de bordure définie sur 0px? – Robby

sur quel sélecteur? .navbar? Oui. – WhiteRau

poster votre code ou mieux encore un codepen de travail serait très utile. –

.navbar-default a une boîte-ombre, qui est ce que vous pouvez voir:

-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 5px rgba(0,0,0,.075); 
box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 5px rgba(0,0,0,.075);

Override dans votre propre CSS pour se débarrasser de cette ligne:

-webkit-box-shadow: none; 
box-shadow: none;

est ici un Codepen.

Source

2017-10-12 10:13:53

c'est le lapin juste là ... jamais pour vérifier ça! Je vous remercie. et des excuses pour avoir pris si longtemps pour répondre. : P – WhiteRau

Bootstrap Navbar a étrange frontière délié

Répondre

Questions connexes