Создать меню с загрузочным сайтом

Question

Я хочу создать такое меню: http://getbootstrap.com/getting-started/ Я пробовал много классов и стилей, но никакого ответа я не получил.

Answer 1

Это очень просто, добавьте bootstrap css, bootstrap.js и jQuery (до bootstrap.js) и использовать классы, определенные в этом файле css, и это полностью задокументировано в самом сайте вы ссылаетесь. Just an example here :

<header class="navbar navbar-inverse navbar-fixed-top bs-docs-nav" role="banner"> 
    <div class="container"> 
    <div class="navbar-header"> 
     <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse"> 
      <span class="sr-only">Toggle navigation</span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
     </button> 
     <a href="../" class="navbar-brand">My Menu</a> 
    </div> 
    <nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation"> 
     <ul class="nav navbar-nav"> 
      <li class="active"> 
       <a href="#">Page One</a> 
      </li> 
      <li> 
       <a href="#">Page Two</a> 
      </li> 
      <li> 
       <a href="#">Page Three</a> 
      </li> 
     </ul> 
    </nav> 
    </div> 
</header> 

Скачать эти файлы, упомянутые выше (или использовать от КДС) и сохранить файл css в голове тега

<link href="css/bootstrap.min.css" rel="stylesheet" media="screen"> 

и следующие js файлы перед закрывающим тегом тела к, как

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> 
<script src="//code.jquery.com/jquery.js"></script> 
<!-- Include all compiled plugins (below), or include individual files as needed --> 
<script src="js/bootstrap.min.js"></script> 

Для четкого понимания, пожалуйста, проверьте этот раздел basic template.