За последние 24 часа нас посетили 20128 программистов и 1080 роботов. Сейчас ищут 796 программистов ...

Как изменить цвет фона header если подключен bootstrap

Тема в разделе "PHP для профи", создана пользователем Mavili, 28 ноя 2018.

Метки:
  1. Mavili

    Mavili Новичок

    С нами с:
    25 ноя 2018
    Сообщения:
    12
    Симпатии:
    0
    При помощи bootstrap'a создал шапку сайта. Вопрос в том, как изменить его фон? Bootstrap ограничивает выбор цветов (вроде, надеюсь нет) только "danger, success" и т.д. Я хочу поменять цвет, не по этим словам, а по HEX
     

    Вложения:

  2. yanuzay

    yanuzay Активный пользователь

    С нами с:
    28 мар 2018
    Сообщения:
    497
    Симпатии:
    57
    свои кастомные классы и стили никто не запрещает создавать
     
  3. Mavili

    Mavili Новичок

    С нами с:
    25 ноя 2018
    Сообщения:
    12
    Симпатии:
    0
    я создал класс в котором располагается сама шапка, задал такие стили
    .navbar-header{
    background-color: rebeccapurple !important;
    }​
    Вот код шапки:
    <div class="navbar-header">
    <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
    <div class="container-fluid">
    <div class="navbar-header">
    <button type="button" class="navbar-toggle" data-toggle="collapse"
    data-target="#bs-example-navbar-collapse-1">
    <span class="sr-only">Навигация</span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
    </button>
    <a class="navbar-brand" href="#"><?php echo $data_site['name']; ?></a>
    </div>
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
    <ul class="nav navbar-nav">
    <li class="active"><a href="#">Главная</a></li>
    <li><a href="#">О нас</a></li>
    <li class="dropdown">
    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Игры <b class="caret"></b></a>
    <ul class="dropdown-menu">
    <li><a href="#">Шутеры</a></li>
    <li><a href="#">Настольные</a></li>
    <li><a href="#">Аркады</a></li>
    <li class="divider"></li>
    <li><a href="#">Все публикации</a></li>
    </ul>
    </li>
    </ul>
    <form class="navbar-form navbar-left" role="search">
    <div class="form-group">
    <input type="text" class="form-control" placeholder="Поиск">
    </div>
    <button type="submit" class="btn btn-default">Отправить</button>
    </form>
    <?php if (isset($_SESSION['logged_user'])) : ?>
    <ul class="nav navbar-nav navbar-right">
    <li><a href="#">$user_name</a></li>
    <li class="dropdown">
    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Профиль <b class="caret"></b></a>
    <ul class="dropdown-menu">
    <li class="dropdown-header">Заголовок</li>
    <li><a href="#">Друзья</a></li>
    <li><a href="#">Настройки</a></li>
    <li class="divider"></li>
    <li><a href="#">Поддержка</a></li>
    </ul>
    </li>
    </ul>
    <?php else : ?>
    <ul class="nav navbar-nav navbar-right">
    <li><a href="login.php">Вход</a></li>
    <li><a href="signup.php">Регистрация</a></li>
    </ul>
    <?php endif; ?>
    </div>
    </div>
    </nav>
    </div>​
     

    Вложения:

  4. Mavili

    Mavili Новичок

    С нами с:
    25 ноя 2018
    Сообщения:
    12
    Симпатии:
    0