Сохранение навигационной панели со страницы на страницу

Я только начал общаться с веб-разработкой, и у меня только есть опыт разработки struts2, где я использовал sitemesh для украшения страниц. Мне интересно, как создать веб-сайт, и я бы хотел начать создание сайта, используя только twitter bootstrap, но я не уверен, как сохранить навигационную панель со страницы на страницу.Сохранение навигационной панели со страницы на страницу

Я как бы потерялся так ... Есть ли «хорошая практика» по этому вопросу? Некоторое время я искал поисковые запросы и нашел небольшую помощь по этой теме. Должен ли я создать файл HTML и «импортировать» его каким-либо образом на всех моих страницах? Как вы обычно это делаете?

источник

2015-08-15 JorgeGRC

Просто переместите NavBar DIV из вашего index.html в другой файл, скажем navbar.php и просто добавить это в той строке, где вы удалили Navbar:

<?php include ('navbar.php'); ?>

Убедитесь в:

Переименуйте расширение своего индексного файла с index.html на index.php.
Сохраните navbar.php в том же каталоге, что и ваш индексный файл. (Если вы храните его в другом каталоге, укажите его соответственно в php-коде выше).

Пример:

Если это ваш текущий код:

<body> 
    <nav role="navigation" class="navbar navbar-default"> 
     <div class="navbar-header"> 
     <button type="button" data-target="#navbarCollapse" data-toggle="collapse" class="navbar-toggle"> 
      <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">Brand</a> 
     </div> 
     <div id="navbarCollapse" class="collapse navbar-collapse"> 
      <ul class="nav navbar-nav"> 
      <li class="active"><a href="#">Home</a></li> 
      <li><a href="#">Profile</a></li> 
      <li><a href="#">Messages</a></li> 
      </ul> 
      <ul class="nav navbar-nav navbar-right"> 
      <li><a href="#">Login</a></li> 
      </ul> 
     </div> 
    </nav> 
    <!--Rest of your page contents--> 
    .... 
</body>

Тогда просто извлечь NavBar часть и переместить его в navbar.php файл и файл индекса будет выглядеть так:

<body> 
     <?php include ('navbar.php'); ?> 
     <!--Rest of your page contents--> 
     .... 
</body>

источник

2015-08-15 19:28:23

Спасибо, это то, что я искал. Удивительная работа, кстати, у меня был взгляд на ваш личный сайт и портфолио :) – JorgeGRC

Рад, что я помогу Хорхе! И спасибо человеку :) –

Сохранение навигационной панели со страницы на страницу

ответ

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