Usuń górną krawędź strony z Bootstrapa

W moim kodzie, mam stałą przerwę na samej górze mojej strony, która wydaje się być ustawiona na znacznik przez Bootstrap. Przeszukałem inspektora Firefoksa i niczego nie znalazłem. Próbujesz dodać margines: 0; wypełnienie: 0; do tagu też nic nie zrobił.Usuń górną krawędź strony z Bootstrapa

Dzielnik #intro tutaj powinien znajdować się u góry, ale spacja pojawia się nad nim.

<body> 

     <div id="intro" style="width: 100%; padding:0; margin:0; text-align:center;"> 
      <h2>Test</h2> 
     </div> 

     <nav class="navbar navbar-default" role="navigation" style="margin: 0; opacity: 0.95;"> 
      <div class="container-fluid"> 
      <!-- 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="#" id="brand-mobile">Map My Cash</a> 
      </div> 

      <!-- Collect the nav links, forms, and other content for toggling --> 
      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1" style="text-align: center;"> 
       <ul class="nav navbar-nav" id="navbar-media-query" style="float: none; display: inline-block;"> 
       <li><a href="#">Link</a></li> 
       <li><a href="#">Link</a></li> 
       <li class="dropdown"> 
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a> 
        <ul class="dropdown-menu"> 
        <li><a href="#">Action</a></li> 
        </ul> 
       </li> 
       </ul> 
      </div><!-- /.navbar-collapse --> 
      </div><!-- /.container-fluid --> 
     </nav> 

     @RenderBody() 

    </body>

Źródło

2014-06-21 user3761858

Czy możesz podać stronę demonstracyjną pokazującą problem? Na przykład strona demo na twoim serwerze lub [jsfiddle] (http://jsfiddle.net) –

@ user3761858, czy jakoś to rozwiązałeś? Mam ten sam problem i stara sugestia ciała {...} sugerowana poniżej nie działa. –

Powinieneś dodać "margin: 0; padding: 0;" do znacznika body

Źródło

2014-06-21 21:11:38 Todd

Czy możesz spróbować użyć resetowania cs. Istnieje możliwość, że element div lub body może mieć pewne domyślne dopełnienie lub margines.

Źródło

2014-06-21 21:14:39 warcoder

Będziesz musiał zastąpić domyślny css.

Dodaj następujący CSS po domyślnej bootstrap CSS używanego:

body{ 
    padding-top:0px; 
    margin-top: 0px; 
}

Źródło

2014-06-21 21:15:35 writeToBhuwan

Got it! Problemem był h1. Dodałem:

h1 { 
    margin-top: 0; 
}

Już nie ma luki na górze strony!

Źródło

2015-08-05 10:51:57

W końcu musiałem przypisać granicę, aby pozbyć się białych znaków u góry.

<body><div style="border-top:solid black 1px;"><my-app>Loading...</my-app></div>

Źródło

2016-03-29 21:10:17

Znalazłem problem z Site.css w folderze Zawartość w moim projekcie.

body { 
    padding-top: 50px; 
    padding-bottom: 20px; 
}

Po prostu skomentowałem-dopełnienie.

Źródło

2017-09-20 19:28:33 RussBrasher

Usuń górną krawędź strony z Bootstrapa

Odpowiedz

Powiązane problemy