@PervizYek

Как использовать 2 раза один и тот же элемент(Bootstrap)?

Коллеги здравствуйте, есть такой элемент/разметка:
<div class="navbar navbar-inverse navbar-fixed-top">
    <div class="container">
      <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" href="#">PR<i class="fa fa-circle"></i>GER</a>
      </div>
      <div class="navbar-collapse collapse">
        <ul class="nav navbar-nav navbar-right">
          <li class="active"><a href="#">Домой</a></li>
          <li><a href="#">Про нас</a></li>
          <li><a href="#">Сервсиы</a></li>
          <li><a href="#">Работы</a></li>
          <li><a href="#"><i class="fa fa-envelope-o" aria-hidden="true"></i></a></li>
        </ul>
      </div>
    </div>
  </div>

Я его уже 1 раз использовал нужно этот же элемент использовать ещё раз, для второго меню но тут проблема в том что классы то одинаковые при изменении какого-то цвета элемента или убирании background меняется у обоих, так же при уменьшении экрана при клике на адаптивное меню открываются оба сразу.
  • Вопрос задан
  • 250 просмотров
Решения вопроса 2
i_d_1
@i_d_1
Программист PHP
" при изменении какого-то цвета элемента или убирании background меняется у обоих" - переопределять свойства через классу бустрап по меньшей мере не корректно. навесьте свои классы и делайте с ними что хотите
Ответ написан
Комментировать
PavelMonro
@PavelMonro
Задать в плашке доп. класс
<div class="navbar new-menu navbar-inverse navbar-fixed-top">

После править стили как:
.navbar.new-menu {стили}
.navbar.new-menu .navbar   {стили}


И т.д.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
SPIKS Санкт-Петербург
от 70 000 до 90 000 ₽
PERX Нижний Новгород
До 50 000 ₽
09 окт. 2024, в 21:44
10000 руб./за проект
09 окт. 2024, в 20:26
300000 руб./за проект
09 окт. 2024, в 19:52
1500 руб./за проект