Comment Faire Pour Supprimer Défaut Rembourrage De Bootstrap De La Barre De Navigation

Bootstrap JS/CSS ajoutant espace de transparence sur le fond d'un NavBar à l'intérieur d'un <td> dans ma page d'accueil. Cette montre un aperçu en direct de la question que je vais avoir avec la valeur par défaut bootstrap configuration de NavBars.

Ici est complète, (déduction faite de l'inclusion de la bootstrap fichiers) et un minimum de exemple de code que j'ai écrit pour créer le NavBar.

<html>
<body>
<table align="center" border="1px"><tr>
<td>
<!-- Navigation -->
<nav class="navbar navbar-inverse navbar-static-top" role="navigation">
    <div class="container">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse"
                    data-target="#bs-example-navbar-collapse-1">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="index.html">Home</a>
        </div>
        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav navbar-right">
                <li>
                    <a href="about.html">About Us</a>
                </li>
                <li>
                    <a href="contact.html">Contact Us</a>
                </li>
                <form class="navbar-form navbar-right" role="search">
                    <div class="form-group">
                        <input type="text" class="form-control" placeholder="Search">
                    </div>
                    <button type="submit" class="btn btn-default">Submit</button>
                </form>
            </ul>
        </div>
        <!-- /.navbar-collapse -->
    </div>
    <!-- /.container -->
</nav>
</td></tr>
</table>
</html>

Toute aide est appréciée.
Des acclamations.

InformationsquelleAutor | 2014-11-04
  1. 10

    Vous pouvez mettre à jour la classe css "navbar" avec la mise à jour de la marge. 

    .navbar { margin-bottom: 0 }

    Violon: http://jsfiddle.net/kiranvarthi/jmJWr/24/

    • Qui a été incroyablement rapide. SI VITE que je ne peux même pas la marque de la question encore répondu. 😉
    • Tx @RayJayRizzle
    InformationsquelleAutor KiV
  2. 0

    La solution la plus propre pour cela est, lorsque vous exportez votre version de bootstrap à partir de ici, il suffit d'éditer le @navbar-margin-bottom champ, vous devez le régler à 0px place de @line-height-computed (valeur par défaut).

    InformationsquelleAutor paulalexandru