Öyleyse önyükleme düğmeleri düğmelerimi mi ayırıyor?

Question

Bu kodla ilgili sorunum, düğmelerin etrafındaki bağlantıları eklediğimde düğmelerin yukarı doğru ayrılmasıdır. Ve hepsi bir araya getirilmeden, artık katılmıyorlar.

<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> 

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

Bootply button elemanını sökün herhangi bir yardım

Answer 1

yerine a href kodunda düğmeye koyma Bunu yapabilirsiniz:

Bağlantı bunun yerine bir düğme gibi görünecektir.

Answer 2

Takdir ve a elemana üzerinde sınıfları taşımak - http://www.bootply.com/IcLAD63W9u