html - How to do two rows inside of a Hero-Unit without responsive? -
i'm doing web on bootstrap , i'm getting serious troubles can't solve bootstrap documentations. so, code:
<div class="container"> <div class="hero-unit"> <h2>two rows</h2> <div class="row"> <div class="span6"> <center> <img src="../img/renders/example.png" style="position: absolute; width: 200px; height= 200px; margin-top: 80px"> <img src="../img/covers/some_image.jpg" title="image title" class="img-rounded propiedades_imagenes"> </center> </div> </div> <div class="span6"> <div class="well" style="margin-top:130px"> <a class="btn btn-large btn-primary" href="#link"> <i class="icon-download"></i> download</a> <a class="btn btn-large btn-inverse" href="#random.html" style="margin-left:272px"> <i class="icon-random icon-white"></i></a> </div> </div> </div>
i'm trying create 2 rows inside of hero-unit, thing worked when had responsive design activated when activate page crazy stuff design in smaller , bigger screens mine, deleted link bootstrap-responsive.css , put "class=row" instead of "class=row-fluid", creates 1 row instead of 2 , put content of second row under first one.
am doing wrong? know how responsive, messes work.
image of want , responsive design: http://i1129.photobucket.com/albums/m518/zoxsoft/capturadepantalla2013-08-13alas000037_zps064f71b1.png
i not familiar bootstrap or hero-unit
but think need div class="row"
it hard troubleshoot out visual of going on , supposed doing. first glance me says need div tag class of row.
you have 3 </div>
@ end of code snippet gave , 2 need closed?
new
in first image link looks have lot of styling no title attribute , no class attribute
with out class attribute responsive , hero-unit won't know grab it
Comments
Post a Comment