Thursday, 15 September 2011

javascript - how can i reorder bootstrap 3 div? -



javascript - how can i reorder bootstrap 3 div? -

i want bootstrap 3 have on col-lg , col-md configuration

[a] image [b] div 2 buttons [c] div made javascript (id=item)

[a][c] [b][c]

and having in col-sm, col-xs configuration

[a] [b] [c]

on col-sm, col-xs divs set want problem comes on col-lg , col-md: in browser

[a] [b][c] ..,.[c]

i have tried having [b] this:

<div class="col-lg-6 col-md-6 col-lg-pull-6 col-md-pull-6>

but result:

[ab][c]

[b] overlapping [a]

<div class="container"> <div id="img" class="col-md-6 col-lg-6"> <img class="img-responsive" src="images/laforma.png" position:"relative"> </div> <div class="col-md-7 col-lg-7"> <div class="btn-group-vertical"> <button type="button" class="btn btn-default" onclick="anticonceptivo1()">button1</button> <br> <button type="button" class="btn btn-default" onclick="anticonceptivo2()">button2</button> </div> <script type="text/javascript"> function anticonceptivo1(){ document.getelementbyid('item').classname = "col-lg-4 col-lg-push-1 col-md-4 col-md-push-1"; document.getelementbyid('item').innerhtml = '....'; } </script> <script type="text/javascript"> function anticonceptivo2(){ document.getelementbyid('item').classname = "col-lg-4 col-lg-push-1 col-md-4 col-md-push-1";`enter code here` document.getelementbyid('item').innerhtml = '....'; } </script> </div> <div class="" id="item"> </div> </div>

as understand need 2 cols? 1 of them contains image , 2 buttons under, other cell script result items

<div class="col-lg-6 col-md-6"> <!-- img here --> <img src="path_to_image"> <!-- buttons here --> <button class="btn btn-default">button 1</button> <button class="btn btn-default">button 2</button> </div> <div class="col-lg-6 col-md-6" id="item"> <!-- script add together items here --> <!-- butt add together items without bootstrap classes --> </div>

script smth like

<script type="text/javascript"> function anticonceptivo2(){ document.getelementbyid('item').innerhtml = '....'; } </script>

if understand falsely, give me, please, clarification. maybe image want.

javascript html css twitter-bootstrap

No comments:

Post a Comment