ブートストラップがボタンを分離していますか？

Question

このコードで私の問題は、ボタンの周りにリンクを追加したときにボタンを分離したことです。そして彼らのすべてに参加するのではなく、もはや参加しません。

<div class="btn-group btn-group-justified" role="group" aria-label="..."> 
    <div class="btn-group" role="group"> 
    <a href="/learn/popular-tags/all"><button type="button" class="btn btn-default <? if ($type == 'all'){ ?>active<? } ?>">All</button></a> 
    </div> 
    <div class="btn-group" role="group"> 
    <a href="/learn/popular-tags/male"><button type="button" class="btn btn-default <? if ($type == 'male'){ ?>active<? } ?>">Male</button></a> 
    </div> 
    <div class="btn-group" role="group"> 
    <a href="/learn/popular-tags/female"><button type="button" class="btn btn-default <? if ($type == 'female'){ ?>active<? } ?>">Female</button></a> 
    </div> 
    <div class="btn-group" role="group"> 
    <a href="/learn/popular-tags/couples"><button type="button" class="btn btn-default <? if ($type == 'couples'){ ?>active<? } ?>">Couples</button></a> 
    </div> 
    <div class="btn-group" role="group"> 
    <a href="/learn/popular-tags/trans"><button type="button" class="btn btn-default <? if ($type == 'trans'){ ?>active<? } ?>">Trans</button></a> 
    </div> 
</div> 

button要素を削除し、a要素

... 
    <div class="btn-group" role="group"> 
    <a class="btn btn-default <? if ($type == 'all'){ ?>active<? } ?>" href="/learn/popular-tags/all">All</a> 
    </div> 
    ... 

Bootplyに上のクラスを移動する任意のヘルプ

Answer 1

代わりのa hrefコードにボタンを置きますあなたはこれを行うことができます：

<a href="https://stackoverflow.com" class="btn btn-default">Click here</a> 

リンクはボタンのように見えます。

Answer 2

に感謝 - http://www.bootply.com/IcLAD63W9u