So Bootstrap trennt meine Tasten?

Mein Problem mit diesem Code ist, dass, wenn ich die Links um die Schaltflächen hinzugefügt hat, die Schaltflächen getrennt wurden. Und anstatt dass sie alle zusammengefügt werden, sind sie nicht mehr verbunden.So Bootstrap trennt meine Tasten?

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

Jede mögliche Hilfe schätzen

Quelle

2016-04-06 Anonymous

Funktioniert hier gut http://www.bootply.com/BfbxU2EoYg. Wenn Sie andere CSS haben, sollten Sie das posten. Bitte stellen Sie sicher, dass Sie eine [mcve] in Ihrer Frage haben. – j08691

@ j08691 danke für das Beispiel, das ist das perfekte Beispiel dafür, dass es nicht funktioniert aha xD im Grunde siehst du, wie sie nicht beitreten? Sie krümmen sich in der Mitte von zwei Knöpfen, sie sollten bündig sein. Wenn Sie die Links für zwei herausnehmen, werden Sie sehen, wie sie aussehen sollen. –

Beziehen Sie sich auf die abgerundeten Ecken? Wenn ich die Links entferne, ist das der einzige Unterschied, den ich bemerke. – j08691

Statt auf die Schaltfläche in einem a href Code des Setzens Sie können dies tun:

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

Der Link wird stattdessen wie eine Schaltfläche aussehen.

Quelle

2016-04-06 13:51:46 Jer

Danke wird als Antwort in Kürze markieren. –

Gern geschehen. – Jer

Entfernen Sie die button Element und die Klassen über zum a Element

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

Bootply bewegen - http://www.bootply.com/IcLAD63W9u

Quelle

2016-04-06 13:50:44 potatopeelings

So Bootstrap trennt meine Tasten?

Antwort

Verwandte Themen