Note that there are some explanatory texts on larger screens.

plurals
  1. POBootstrap well add buttons to edge
    primarykey
    data
    text
    <p>Currently i have this setup on a page, there are three <code>buttons</code> in a button group acting as tab toggle buttons and below them is a bootsrap <code>well</code> having tab pages. Is there a way to have the button group become part of the <code>well</code>, so it sits in the center of the top edge of the <code>well</code>?</p> <p>I have tried code from here: <a href="https://stackoverflow.com/questions/12167848/bootstrap-adding-legend-to-well">Bootstrap - Adding legend to well</a> but didnt work.</p> <p>Here is img of current setup</p> <p><img src="https://i.stack.imgur.com/P0K49.png" alt="picture"></p> <p>Code is simple</p> <pre><code> &lt;div style="text-align:center"&gt; &lt;div id="tab" class="btn-group" data-toggle="buttons-radio"&gt; &lt;a style="padding:9px;font-size:16px" href="#tdel" class="btn active" data-toggle="tab"&gt;Delegations&lt;/a&gt; &lt;a style="padding:9px;font-size:16px" href="#tind" class="btn " data-toggle="tab"&gt;Individuals&lt;/a&gt; &lt;a style="padding:9px;font-size:16px" href="#tobs" class="btn " data-toggle="tab"&gt;Observers&lt;/a&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="well"&gt; &lt;div class="tab-content"&gt; &lt;div class="tab-pane" id="tind"&gt; &lt;/div&gt; &lt;div class="tab-pane" id="tobs"&gt; &lt;/div&gt; &lt;div class="tab-pane" id="tdel"&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; </code></pre> <p>Fiddle: <a href="http://jsfiddle.net/mikeyfreake/CbNfa/2/" rel="nofollow noreferrer">http://jsfiddle.net/mikeyfreake/CbNfa/2/</a></p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload