부트 스트랩 푸터 메뉴가 응답하지 않습니다.

Question

안녕하세요. 제 질문을 읽어 주셔서 감사합니다.

nottom 고정 메뉴가있는 부트 스트랩과 관련된 몇 가지 문제가 있습니다. 전체 화면 해상도에서 문제없이 작동하지만, 작은 화면 (예 : 모바일 또는 태블릿)으로 방문하면 하단 메뉴에 동일하지 않습니다.

<footer> 
     <nav class="navbar navbar-inverse navbar-fixed-bottom"> 
       <div class="container-fluid"> 
       <div class="navbar-header"> 
        <a class="navbar-brand" href="index.php"><img src="img/asg-it-logo.png" alt="Logo ASG IT" class="footer_logo_img"/></a> 
       </div> 
       <div> 
        <ul class="nav navbar-nav"> 
        <li><a href="index.php">INICIO</a></li> 
        <li class="dropdown"> 
         <a href="empresa.php" class="dropdown-toggle" data-toggle="dropdown" id="EMPRESA">EMPRESA</a> 
         <ul class="dropdown-menu" aria-labelledby="EMPRESA"> 
          <li><a href="empresa.php">Nuestra visión</a></li> 
          <li><a href="porque.php">Por qué nos eligen</a></li> 
          <li><a href="como.php">Cómo lo hacemos</a></li> 
         </ul> 
        </li> 
        <li><a href="servicios.php">SERVICIOS</a></li> 
        <li><a href="soluciones.php">SOLUCIONES</a></li> 
        <li><a href="clientes.php">CLIENTES</a></li> 
        <li><a href="alianzas.php">ALIANZAS</a></li> 
        <li><a href="contacto.php">CONTACTO</a></li> 
        </ul> 

        <!-- Datos fiscales aqui --> 
        <section role="Datos Fiscales"> 
        <ul class="nav navbar-nav navbar-right"> 
         <li><img src="http://placehold.it/50x50"></li> 
        </ul> 
        </section> 
        <!-- Fin datos fiscales --> 

       </div> 
       </div> 
      </nav> 
    </footer> 

그리고 내 Bootply 여기 http://www.bootply.com/qkg1TjKqQs#

내 문제입니다 ->

Answer 1

: 상위 메뉴와 같은 행동, 글쎄, 난 jfiddle 단어보다 더 가치가 있다고 생각 여기,이 Bootply에서 살펴 :

Bootply

나는 이것이 당신이 원하는에 가까워지고 생각합니다.

기본적으로 navbar navbar-inverse navbar-fixed-bottom에는 navbar 부트 스트랩 문서의 예에 표시된대로 collapse 섹션이 누락되었습니다.

<div class="navbar-header"> 
    <button type="button" class="navbar-toggle collapsed" 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="index.php"><img src="img/asg-it-logo.png" alt="Logo ASG IT" class="footer_logo_img"></a> 
</div> 
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 
    <ul class="nav navbar-nav"> 
    <li><a href="index.php">INICIO</a></li> 
    (...) 

너는 조금 더 놀아야 할 수도 있지만 응답 형 예제로 navbar를 포함해야합니다.

희망 하시겠습니까?

힌트 Bootply에

, 코드 렌더링 전체 화면으로 전환 보라색 바탕 화면 아이콘을 누릅니다. 브라우저 창 크기를 조정하여 작은 크기로 미리 볼 때 도움이됩니다.