html - element width:100% not working with container/container-fluid -
html - element width:100% not working with container/container-fluid -
im trying create image header total width , image take container width , not 100% width (even if set div outside container). have tried , nil worked , answers here didnt help. may done if alter .container width in custom css ruin entire site design.
code:
<body style="background-color: #eee"> <div class='container-fluid'> <div class="row" style='width: 100%'> <div class='' style='height: 10px; margin: 0 0;padding: 0 0 ; width:100%'> <img class='' src="images/shape1.png" style='height: 100%; width:100%; margin-bottom: 13px'> </div> </div> <div class='row text-center rowstyle' > <img id='leftlogo' src="images/kslogo.png"> <img id='rightlogo' src="images/kglogo.png"> <div class='searchcontainer'> <table class='table-responsive searchtable'> <tr> <td width='15%'> <img class='searchbutton' src="images/btn-search.png" > </td> <td width='85%'> <input type='text' class="form-control searchinput"> </td> </tr> </table> </div> <div class="row " style="margin-top: 40px; margin-left: auto !important;margin-right: auto !important ; width: 76%" > <div class="text-center col-md-4 items" > <img src='images/btnlog-in.png' class='buttonslocation'> <img class="" src="images/aricles03.png" alt="generic placeholder image"> </div><!-- /.col-lg-4 --> <div class="text-center col-md-4 items" > <img src='images/btnlog-in.png' class='buttonslocation'> <img class="" src="images/aricles01.png" alt="generic placeholder image"> </div><!-- /.col-lg-4 --> <div class=" text-center col-md-4 items" style=' position: relative ;'> <img src='images/btnlog-in.png' class='buttonslocation'> <img class="" src="images/aricles02.png" style=''> </div><!-- /.col-lg-4 --> </div><!-- /.row --> </div> </div> <div style='height: 80px; margin-top: 84px;padding: 0 0 ; width:100%; background-color: #e3e3e3;'> </div> </body>
edit: added total code + screenshot
im using bootstrap3
any help appreciated,
may be, forget close "<div class='container-fluid'>
" tag?
html css html5 twitter-bootstrap twitter-bootstrap-3
Comments
Post a Comment