"Radio Button Tabs"
Bootstrap 2.3.2 Snippet by xrozix

<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row"> <div class="span12"> <p class="lead">Bare minimum radio button tabs example:</p> <div id="tab" class="btn-group" data-toggle="buttons-radio"> <a href="#prices" class="btn active" data-toggle="tab">Prices</a> <a href="#features" class="btn" data-toggle="tab">Features</a> <a href="#requests" class="btn" data-toggle="tab">Requests</a> <a href="#contact" class="btn" data-toggle="tab">Contact</a> </div> <div class="tab-content"> <div class="tab-pane active" id="prices"><div id="vk_post_31423902_18814"></div><script type="text/javascript"> (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//vk.com/js/api/openapi.js?130"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'vk_openapi_js')); (function() { if (!window.VK || !VK.Widgets || !VK.Widgets.Post || !VK.Widgets.Post("vk_post_31423902_18814", 31423902, 18814, 'tHtmLMfF1AtxFS_wvLLLBMksMA', {width: 400})) setTimeout(arguments.callee, 50); }());</script></div> <div class="tab-pane" id="features"><iframe width="560" height="315" src="https://www.youtube.com/embed/DqD8HAwUVP8" frameborder="0" allowfullscreen></iframe></div> <div class="tab-pane" id="requests"><iframe src="http://www.w3schools.com"></iframe></div> <div class="tab-pane" id="contact"><iframe width="560" height="315" src="https://www.youtube.com/embed/CtRdix04RTw" frameborder="0" allowfullscreen></iframe></div> </div> </div> </div> </div>

Related: See More


Questions / Comments: