Задать вопрос
freecoder-ru
@freecoder-ru

Как переписать media query от Bootstrap?

Как переписать данный navigation , для ширины 666px .
При достижении данной ширины navbar-header должен появится а id="myNavbar" исчезнуть. Неполучается переписать медиа запрос данный бутстрапом.
<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 color"></span>
				<span class="icon-bar color"></span>
				<span class="icon-bar color"></span>
			</button>
			<a class="navbar-brand" href="../html/index.html" id="logo">C ONLINE LTD</a>
		</div>
		<div class="collapse navbar-collapse" id="myNavbar">
			<ul class="nav navbar-nav">
				<li class="active"><a href="../html/index.html">Home</a></li>
				<li><a href="../html/about.html">About Us</a></li>
				<li><a href="../html/contact.html">Contact Us</a></li>
				<li><a href="../html/news.html">News</a></li>
				<li><a href="../html/location.html">Our Location</a></li>
				<li><a href="../html/clients.html">Our Clients</a></li>
				<li><a href="../html/login.html">Login</a></li>
				<li><a href="../html/register.html">Register</a></li>
			</ul>
		</div>
	</div>
</nav>


@media (max-width: 666px) {
   .navbar-header {
        display: block!important;
   }
    .collapse {
        display: none!important;
    }
}
  • Вопрос задан
  • 568 просмотров
Подписаться 1 Оценить Комментировать
Решения вопроса 1
iiiBird
@iiiBird Куратор тега Bootstrap
Пока ты спишь - твой конкурент совершенствуется
Идешь сюда getbootstrap.com/customize/#grid-system
И в @grid-float-breakpoint заменяешь значение на 666
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы