@ivanees

Как отобразить чтоб слайдер в bootstrap был прижат к меню чтоб не было промежутка?

Как отобразить чтоб слайдер в bootstrap был прижат к меню чтоб не было промежутка?
Вот скрин чтоб было понятно что убрать надо prntscr.com/d62ksf .
Сам код ;
<head>
<!-- Верхнее меню -->
    <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
	    <div class="row">
        <div class="container">
            <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="" href="index.php"><img src="tpl/logo.png" alt="logo"></a>
            </div>
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
					<li><a href="index.php">Главная</a></li>
					<li><a href="marketing.php">Маркетинг</a></li>
					<li><a href="rules.php">Правила</a></li>
					<li><a href="faq.php">Вопросы</a></li>
					<li><a href="contact.php">Контакты</a></li>

					<? if (!isset($id))
					{?>
						<li class="active"><a href="join.php">Регистрация</a></li>
						<li class="active"><a href="account.php">Вход в кабинет</a></li>
					<?}	else {?>
					   <li><a href="account.php">Кабинет</a></li>
					<li class="active"><a href="payouts.php" >Баланс: <?=$unpaid; ?>$</a></li>
					<?}?>
				</ul>
            </div>
        </div>
    </nav>
<!--Закрытие меню -->
<!--Начало слайдера-->
<div id="carousel" class="carousel slide" data-ride="carousel">
    <!-- Menu -->
    <ol class="carousel-indicators">
        <li data-target="#carousel" data-slide-to="0" class="active"></li>
        <li data-target="#carousel" data-slide-to="1"></li>
        <li data-target="#carousel" data-slide-to="2"></li>
    </ol>
    
    <!-- Items -->
    <div class="carousel-inner">
        
        <div class="item active">
            <img src="imges/universal1.png" alt="Slide 1" />
        </div>
        <div class="item">
            <img src="imges/universal1.png" alt="Slide 2" />
        </div>
        <div class="item">
            <img src="imges/universal1.png" alt="Slide 3" />
        </div>
    </div> 
    <a href="#carousel" class="left carousel-control" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left"></span>
    </a>
    <a href="#carousel" class="right carousel-control" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right"></span>
    </a>
</div>
    </header>

<body>


Всем спасибо за советы и решения!
  • Вопрос задан
  • 151 просмотр
Пригласить эксперта
Ответы на вопрос 1
@ArtViolence
Чтобы не бегать с такими вопросами в интернет, научитесь пользоваться инструментами разработчика. Нажимаете F12 в браузере, появляется консоль. "Щупаете" элементы и браузер показывает их размеры, стили и отступы. Надо выяснить от какого элемента этот отступ (padding или margin) и обнулить его.
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы