Wie kann ich diesen Abstand entfernen?

Ich mache eine Website mit Bootstrap, Nach der Navigation gibt es eine Lücke in den Inhaltsbereich, Gibt es eine Möglichkeit, ich kann es entfernen?Wie kann ich diesen Abstand entfernen?

Kann auf dem Foto sehen, wo die rote Linie ist, ich möchte das verschieben und entfernen Sie die Polsterung/Rand.

Hier ist ein Teil des Codes:

<body> 

<nav id="custom-bootstrap-menu" class="navbar navbar-default"> 
    <div class = "container"> 
     <div class="navbar-header"> 
      <button class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse"> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
      </button> 
      <a href="/" class="navbar-brand"><img alt="Logo" class="margin-minus10" src="logo.jpg" /></a> 
     </div> 

     <div class="collapse navbar-collapse navHeaderCollapse"> 
      <ul class = "nav navbar-nav navbar-right"> 
       <li><a href="/"><i class="fa fa-home fa-fw"></i>&nbsp; Home</a></li> 
       <li><a href="#"><i class="fa fa-briefcase fa-fw"></i>&nbsp; About Us</a></li> 
       <li><a href="/search/"><i class="fa fa-camera fa-fw"></i>&nbsp; Portfolio</a></li> 
       <li><a href="/help/"><i class="fa fa-phone-square fa-fw"></i>&nbsp; Contact Us</a></li> 
      </ul> 
     </div> 

    </div> 
</nav> 


<div class="container"> 
<div class="carousel fade-carousel slide" data-ride="carousel" data-interval="4000" id="bs-carousel"> 
    <!-- Overlay --> 
    <div class="overlay"></div> 

    <!-- Indicators --> 
    <ol class="carousel-indicators"> 
    <li data-target="#bs-carousel" data-slide-to="0" class="active"></li> 
    <li data-target="#bs-carousel" data-slide-to="1"></li> 
    <li data-target="#bs-carousel" data-slide-to="2"></li> 
    </ol> 

    <!-- Wrapper for slides --> 
    <div class="carousel-inner"> 
    <div class="item slides active"> 
     <div class="slide-1"></div> 
     <div class="hero hidden-xs"> 
     <hgroup> 
      <h1>Landscaping</h1>   
      <h3>See our portfolio for more work</h3> 
     </hgroup> 
     <button class="btn btn-hero btn-lg" role="button">View Portfolio</button> 
     </div> 
    </div> 
    <div class="item slides"> 
     <div class="slide-2"></div> 
     <div class="hero hidden-xs">   
     <hgroup> 
      <h1>Driveways</h1>   
      <h3>Professionally Laid Driveways</h3> 
     </hgroup>  
     <button class="btn btn-hero btn-lg" role="button">View Driveways</button> 
     </div> 
    </div> 
    <div class="item slides"> 
     <div class="slide-3"></div> 
     <div class="hero hidden-xs">   
     <hgroup> 
      <h1>Free Quote</h1>   
      <h3>Request a quote with zero obligations</h3> 
     </hgroup> 
     <button class="btn btn-hero btn-lg" role="button">Contact Us</button> 
     </div> 
    </div> 
    </div> 
</div>

CSS:

.navbar { 
     -webkit-box-shadow: none; 
     box-shadow: none; 
     border: none; 
     font-size: 16px; 
     margin-bottom:0 
    } 
    .navbar-default .badge { 
     background-color: #fff; 
     color: #4e5d6c; 
    } 
    .navbar-inverse .badge { 
     background-color: #fff; 
     color: #df691a; 
    }

Kann hier den vollständigen Code sehen: http://olli460.com/oak/index.html

Quelle

2017-03-20 Exoon

Sie müssen auch Ihr CSS posten – j08691

Ich habe einen Link auf den vollständigen Code, muss ich noch voll css buchen? – Exoon

Ja, Ihre Frage sollte eine [mcve] enthalten. Wenn Sie mit dem Beispielcode eine Verknüpfung herstellen und die Seite fest oder unzugänglich ist, verliert Ihre Frage den Wert für zukünftige Besucher. – j08691

Fügen Sie dies Ihrer CSS-Datei hinzu. Legen Sie es unterhalb der Bootstrap CSS-Datei.

.navbar {margin-bottom:0}

Quelle

2017-03-20 14:54:52

Großartig, das hat funktioniert! Danke vielmals. – Exoon

@Exoon: Sie sind willkommen :) –

in css,

.navbar{ 
    margin: 0; // or margin-bottom: 0; 
}

Dies wird den Speicherplatz entfernen.

Quelle

2017-03-20 14:53:45

entweder Rand unten oder Rand auf 0 gesetzt. Funktioniert es? –

.overlay { 
     margin-top: -50px;}

Versuchen Dies sollte den Raum zwischen dem navbar und Overlay div entfernen.

Quelle

2017-03-20 15:00:18 neophyte

Wie kann ich diesen Abstand entfernen?

Antwort

Verwandte Themen