Radio Buttons Bootstrap

Peter P. · 17. Juli 2017

Hallo Community,

Ich möchte aktuell eine Liste mit Radio-Buttons erstellen. Leider habe ich es mit Bootstrap 4 nicht hinbekommen die Radio-Buttons rechts auszurichten.

Anbei eine kleine Skizze welche verdeutlichen soll wie as Endergebnis auszusehen hat.

Viele Grüße
Peter

Cool Master · 17. Juli 2017

Schön wenn du nun noch etwas code posten würdest könnte man dir auch helfen...

Peter P. · 17. Juli 2017

Der ist aktuell noch ziemlich nichtssagend

HTML:

    <div class="form-check">
        <label class="form-check-label">
            <input class="form-check-input" type="radio" name="exampleRadios"  value="option1" checked>
            The test item a
        </label>
    </div>
    <div class="form-check">
        <label class="form-check-label">
            <input class="form-check-input" type="radio" name="exampleRadios" value="option2">
            The test item a
        </label>
    </div>
    <div class="form-check">
        <label class="form-check-label">
            <input class="form-check-input" type="radio" name="exampleRadios"  value="option3" >
            The test item a
        </label>
    </div>

Mein Verusch mit

Code:

class="pull-right"

war leider auch nicht von Erfolg gekrönt

Cool Master · 17. Juli 2017

Dann mach es mal so:

HTML:

<div class="form-check">
    <label class="form-check-label">
        The test item a
        <input class="form-check-input" type="radio" name="exampleRadios"  value="option1" checked>
    </label>
</div>
<div class="form-check">
    <label class="form-check-label">
        The test item a
        <input class="form-check-input" type="radio" name="exampleRadios" value="option2">
    </label>
</div>
<div class="form-check">
    <label class="form-check-label">
        The test item a
        <input class="form-check-input" type="radio" name="exampleRadios"  value="option3" >
    </label>
</div>

Peter P. · 17. Juli 2017

Diesen Versuch habe ich auch schon unternommen. Lieder erhalte ich dabei fogfendes Ergebnis

Cool Master · 17. Juli 2017

In dem Fall musst du das Label nach links floaten und die Box nach rechts.

Genau deswegen halte ich von Bootstrap und dem ganzen anderem Müll nichts. Schreib einfaches HTML5 und CSS mit einem Responsive Design und das Problem ist aus der Welt.

Suche

Radio Buttons Bootstrap

Peter P.

Cadet 3rd Year

Cool Master

Fleet Admiral

Peter P.

Cadet 3rd Year

Cool Master

Fleet Admiral

Peter P.

Cadet 3rd Year

Cool Master

Fleet Admiral

Ähnliche Themen