Html 多页引导导航栏

有关引导导航栏的问题

---

我将导航栏代码放在每个页面上，还是我应该将导航栏代码放在一个文件中并在所有页面上访问它？

问题真的不清楚，但是如果你问你是否应该使用导航栏和动态站点，或者只是将导航栏放在每个页面上，答案是你想做的是好的，这两个都是有效的选择

示例：

我使用AngularJs和一个带有容器的导航栏来显示所有数据

---

希望有帮助。

你的问题实际上不是关于引导的问题

因为您使用的是引导，所以必须使用jQuery。您可以使用load，这是ajax的一个功能

您可以在此处获得API的详细信息

<!-- Preloader -->
<div class="page-preloader preloader-wrapp">
    <img src="assets/images/snr-logo.png" alt="">
    <div class="preloader"></div>
</div>
<!-- /Preloader -->

<!-- Navbar -->
<nav class="navbar-youplay navbar navbar-default navbar-fixed-top">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed"
                data-toggle="off-canvas" 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="#/"> <img
                src="assets/images/batman.jpg" alt="flogo">
            </a>
        </div>
        <div id="navbar" class="navbar-collapse collapse">
            <ul class="nav navbar-nav">
                <li class="home"><a href="#/"> <span
                        class="glyphicon glyphicon-home"></span> <strong>Home</strong><span
                        class="label">--->Inicio</span></a></li>

                <li class="av navbar-nav"><a href="#/turno/portada"
                    class="dropdown-toggle" role="button" aria-expanded="false"> <strong>Sacar Turno</strong>
                        <span class="label">Más información</span>
                </a></li>
                <li class="av navbar-nav"><a href="#/turno/mod"
                    class="dropdown-toggle" role="button" aria-expanded="false"> <strong>Modificar un Turno</strong>
                        <span class="label">Más información</span>
                </a></li>
                <li class="av navbar-nav"><a href="#/horario"
                    class="dropdown-toggle" role="button" aria-expanded="false"> <strong>Horario</strong>
                        <span class="label">Más información</span>
                </a></li>
            </ul>
            <ul class="nav navbar-nav navbar-right">
                <li><a href="#/login"><span class="glyphicon glyphicon-log-in"></span>
                        Iniciar</a></li>
            </ul>
        </div>
    </div>
</nav>
<!-- /Navbar -->

<!-- Separation -->
<br>
<br>
<br>
<br>
<br>
<!-- /Separation -->

<!-- Main Dynamic Body -->
<div data-ng-view class="container"></div>
<!-- /Main Dynamic Body -->



<!-- Footer -->
<footer>
    <p>
        Informatica y Comunicaciones SNR &copy; 2015-2016.
</footer>
<!-- /Footer -->



<!-- Loader -->
<script type="text/javascript" src="scripts/services/loader.js"></script>
<!-- init loader -->
<script>
    if (typeof youplay !== 'undefined') {
        youplay.init({
            smoothscroll : false,
        });
    }
</script>

<script type="text/javascript">
    $(".countdown").each(function() {
        $(this).countdown($(this).attr('data-end'), function(event) {
            $(this).text(event.strftime('%D days %H:%M:%S'));
        });
    })
</script>