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