Akantha

Buttons on the side

Jun 23rd, 2016
116
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <div class="row">
  2. <div style="float: left; display: inline-block; ">
  3. <div class="btn-group-vertical" data-toggle="buttons">
  4. <label class="btn btn-default center-block active" data-target="#CHANGEME1" data-toggle="collapse" aria-expanded="false" data-toggle="tab"><input type="radio">1</label>
  5. <label class="btn btn-default center-block" data-target="#CHANGEME2" data-toggle="collapse" aria-expanded="false" data-toggle="tab"><input type="radio">2</label>
  6. <label class="btn btn-default center-block" data-target="#CHANGEME3" data-toggle="collapse" aria-expanded="false" data-toggle="tab"><input type="radio">3</label>
  7. <label class="btn btn-default center-block" data-target="#CHANGEME4" data-toggle="collapse" aria-expanded="false" data-toggle="tab"><input type="radio">4</label>
  8. <label class="btn btn-default center-block" data-target="#CHANGEME5" data-toggle="collapse" aria-expanded="false" data-toggle="tab"><input type="radio">5</label>
  9. </div>
  10. </div>
  11.  
  12. <div class="tab-content" style="float: right; width: 85%; display: inline-block; vertical-align: top;">
  13. <div id="CHANGEME1" class="tab-pane fade in active">
  14. <p><img src="https://i.imgur.com/bJBejMJ.jpg" style="width:500px;" class="thumbnail"></p>
  15. </div>
  16. <div id="CHANGEME2" class="tab-pane fade">
  17. <p><img src="https://i.imgur.com/AbVEFAd.jpg" style="width:500px;" class="thumbnail"></p>
  18. </div>
  19. <div id="CHANGEME3" class="tab-pane fade">
  20. <p><img src="https://i.imgur.com/8eYVQaJ.jpg" style="width:500px;" class="thumbnail"></p>
  21. </div>
  22. <div id="CHANGEME4" class="tab-pane fade">
  23. <p><img src="http://i.imgur.com/PMK6PhX.jpg" style="width:500px;" class="thumbnail"></p>
  24. </div>
  25. <div id="CHANGEME5" class="tab-pane fade">
  26. <p><img src="https://i.imgur.com/lAgELIc.jpg" style="width:500px;" class="thumbnail"></p>
  27. </div>
  28. </div>
  29. </div>
RAW Paste Data