html - fullwidth slider bootstrap -



html - fullwidth slider bootstrap -

i m having here little problem. im using bootraps template carousel , have slider there in total width , not minimized. how can alter this

<div id="mycarousel" class="carousel slide" data-ride="carousel"> <!-- indicators --> <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="carousel-inner"> <div class="item active"> <img data-src="holder.js/900x500/auto/#777:#7a7a7a/text:first slide" alt="first slide"> <div class="container"> <div class="carousel-caption"> <h1>example headline.</h1> <p>note: if you're viewing page via url, "next" , "previous" glyphicon buttons on left , right might not load/display due web browser security rules.</p> <p><a class="btn btn-lg btn-primary" href="#" role="button">sign today</a></p> </div> </div> </div> <div class="item"> <img data-src="holder.js/" alt="second slide" src="img/1.jpg"> <div class="container"> <div class="carousel-caption"> <h1>another illustration headline.</h1> <p>cras justo odio, dapibus ac facilisis in, egestas eget quam. donec id elit non mi porta gravida @ eget metus. nullam id dolor id nibh ultricies vehicula ut id elit.</p> <p><a class="btn btn-lg btn-primary" href="#" role="button">learn more</a></p> </div> </div> </div> <div class="item"> <img data-src="holder.js/900x500/auto/#555:#5a5a5a/text:third slide" alt="third slide"> <div class="container"> <div class="carousel-caption"> <h1>one more measure.</h1> <p>cras justo odio, dapibus ac facilisis in, egestas eget quam. donec id elit non mi porta gravida @ eget metus. nullam id dolor id nibh ultricies vehicula ut id elit.</p> <p><a class="btn btn-lg btn-primary" href="#" role="button">browse gallery</a></p> </div> </div> </div> </div> <a class="left carousel-control" href="#mycarousel" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a> <a class="right carousel-control" href="#mycarousel" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a> </div><!-- /.carousel -->

here template test site cause lot of css

i think should @media screen issue charles ingalls said there issue height. , responsive design testing can go throught

http://www.ddcantt.in/2014/05/responsite-design-testing.html

html css

Comments

Popular posts from this blog

php - Android app custom user registration and login with cookie using facebook sdk -

django - Access session in user model .save() -

php - .htaccess Multiple Rewrite Rules / Prioritizing -