2015-02-26 2 views
-1

Я проверил файл css, но я не могу его получить, если я использую исходный исходный код из примера начальной загрузки, он не будет иметь «GAP ». Я указывая один и тот же загрузочный файл CSS, Jquery файлы и т.д.,Где «CSS/CODE» о пробеле после navbar

CSS Control? I cant find and relatevent

я проверил на файле CSS, но я не могу получить его

здесь весь мой код

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <meta name="description" content=""> 
    <meta name="author" content=""> 
    <link rel="icon" href="../../favicon.ico"> 

    <title></title> 

    <!-- JQuery Files --> 
    <script src="js/jquery-2.1.3.min.js"></script> 


    <!-- Bootstrap Files --> 
    <script src="js/bootstrap.min.js"></script> 
    <link href="css/bootstrap.min.css" rel="stylesheet"> 
    <link href="css/bootstrap-theme.min.css" rel="stylesheet"> 
</head> 


<body role="document"> 

    <!-- Fixed navbar --> 
    <nav class="navbar navbar-inverse navbar-fixed-top"> 
     <div class="container"> 
     <div class="navbar-header"> 
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> 
      <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="#">Bootstrap theme</a> 
     </div> 
     <div id="navbar" class="navbar-collapse collapse"> 
      <ul class="nav navbar-nav"> 
      <li class="active"><a href="#">Home</a></li> 
      <li><a href="#about">About</a></li> 
      <li><a href="#contact">Contact</a></li> 
      <li class="dropdown"> 
       <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Dropdown <span class="caret"></span></a> 
       <ul class="dropdown-menu" role="menu"> 
       <li><a href="#">Action</a></li> 
       <li><a href="#">Another action</a></li> 
       <li><a href="#">Something else here</a></li> 
       <li class="divider"></li> 
       <li class="dropdown-header">Nav header</li> 
       <li><a href="#">Separated link</a></li> 
       <li><a href="#">One more separated link</a></li> 
       </ul> 
      </li> 
      </ul> 
     </div><!--/.nav-collapse --> 
     </div> 
    </nav> 




    <dic class=""container"> 
    <div class="row"> 
     <div class="col-md-6"> 
      <div id="carousel-example-generic" class="carousel slide" data-ride="carousel"> 
       <ol class="carousel-indicators"> 
        <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li> 
        <li data-target="#carousel-example-generic" data-slide-to="1"></li>  
        <li data-target="#carousel-example-generic" data-slide-to="2"></li> 
        <li data-target="#carousel-example-generic" data-slide-to="3"></li> 
        <li data-target="#carousel-example-generic" data-slide-to="4"></li>  
       </ol> 
       <div class="carousel-inner" role="listbox"> 
        <div class="item active"><img src="img/s01.jpg" alt="First slide"></div> 
        <div class="item"><img src="img/s02.jpg" style="width:100%;" alt="Second slide"></div> 
        <div class="item"><img src="img/s03.jpg" alt="Third slide"></div> 
        <div class="item"><img src="img/s04.jpg" alt="Second slide"></div> 
        <div class="item"><img src="img/s05.jpg" alt="Third slide"></div>  
       </div> 
       <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev"> 
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> 
        <span class="sr-only">Previous</span> 
       </a> 
       <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next"> 
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> 
        <span class="sr-only">Next</span> 
       </a> 
      </div> 
     </div> 
     <div class="col-md-6"> 
      testing 
     </div> 

    </div> 












</body> 
</html> 
+0

Как пройти весь мой код здесь? он говорит слишком долго - Raptor – user1493339

+0

, по крайней мере, коды около navbar ... – Raptor

ответ

0

Несомненно, именно в этом фрагменте CSS из загрузочной загрузки по умолчанию css:

.navbar { 
    position: relative; 
    min-height: 50px; 
    margin-bottom: 20px; 
    border: 1px solid transparent; 
} 

Просто напишите себе переопределение для margin-bottom: 20px;

+0

margin-bottom не найден в CSS, поэтому решение написано моим собственным полем: 0px! важно перезаписать/закрыть пробел .... – user1493339

+0

@ user1493339 Вот что я имел в виду - переопределить маркер начальной загрузки с вашим собственным. Рад, что у вас это работает :) – Ted

Смежные вопросы