Cześć,
Nie mogę logo wyśrodkować i dodatkowo, żeby był to obrazek responywny, bo na drugim komputerze wyświetla się krzywo...
<header id="myCarousel" class="carousel slide">
<!-- Indicators -->
<!-- Logo -->
<picture>
<div class="navbar-brand">
</div>
<div class="col-lg-12">
<img src="img/logo.png" class="img-reponsive"/>
</div>
</picture>
<!-- Wrapper for slides -->
<div class="carousel-inner">
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<div class="item active">
<img class="fill" src="img/1.jpg"></>
<div class="carousel-caption">
</div>
</div>
<div class="item">
<img class="fill" src="img/2.jpg"></>
<div class="carousel-caption">
</div>
</div>
<div class="item">
<img class="fill" src="img/3.jpg"></>
<div class="carousel-caption">
</div>
</div>
</header>
.navbar-brand {
float: left;
margin-left:650px;
margin-top:20px;
padding: 10px 10px;
}
.navbar-brand:focus,
.navbar-brand:hover {
text-decoration: none;
}
img {width: 600px; text-align: center;
}
.navbar-brand>img {
display: block;
margin-left: auto;
margin-right: auto;
}
Zmeniłem obrazek na png i zaczeły się problemy, teraz skończyłem na takim czymś i nie mogę z tego wyjść...