1. Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела
    Скрыть объявление

[Помогите] навигация с использованием бутстрапа

Тема в разделе "Вёрстка (HTML, CSS)", создана пользователем schel4ok, 10 апр 2015.

  1. schel4ok

    schel4ok

    Регистрация:
    10 апр 2015
    Сообщения:
    2
    Симпатии:
    0
    вопрос по навигации с использованием бутстрапа

    в стандартном коде навигационного меню, приведенном ниже, невозможно перейти по ссылке catalog.html, потому что при нажатии на неё всегда открывается вложенное меню
    вот тут можно попробовать похожий пример в действии http://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_case_navbar7&stacked=h

    а я хочу сделать примерно так:
    - при нажатии на ссылку catalog происходит переход на страницу catalog.html
    - при нажатии на <span class="caret"> рядом со ссылкой открывается вложенное меню (или при наведении мышки на li class="dropdown")

    Код:
    <nav class="navbar navbar-inverse">
      <div class="container-fluid">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>                       
          </button>
          <a class="navbar-brand" href="#">WebSiteName</a>
        </div>
        <div class="collapse navbar-collapse" id="myNavbar">
          <ul class="nav navbar-nav">
            <li class="active"><a href="#">Home</a></li>
            <li class="dropdown">
              <a class="dropdown-toggle" data-toggle="dropdown" href="catalog.html">catalog <span class="caret"></span></a>
              <ul class="dropdown-menu">
                <li><a href="#">Page 1-1</a></li>
                <li><a href="#">Page 1-2</a></li>
                <li><a href="#">Page 1-3</a></li>
              </ul>
            </li>
            <li><a href="#">Page 2</a></li>
            <li><a href="#">Page 3</a></li>
          </ul>
          <ul class="nav navbar-nav navbar-right">
            <li><a href="#"><span class="glyphicon glyphicon-user"></span> Sign Up</a></li>
            <li><a href="#"><span class="glyphicon glyphicon-log-in"></span> Login</a></li>
          </ul>
        </div>
      </div>
    </nav>
     
  2. thebeknazar

    thebeknazar

    Регистрация:
    27 дек 2012
    Сообщения:
    13
    Симпатии:
    8
  3. schel4ok

    schel4ok

    Регистрация:
    10 апр 2015
    Сообщения:
    2
    Симпатии:
    0
    не совсем то.
    мне главное, чтобы ссылка с классом dropdown была доступна для перехода по ней