Abstand verkleinern


tklustig

Erfahrenes Mitglied
#1
Hallo Leute,
ich verwende die wohl bekannteste CSS-Bibliothek Bootstrap. Folgender Code:
CSS:
    <div class="col-md-12">
        <center><p class="bg-primary" style="font-size:22px;">Wählen Sie die gewünschte Jobbörse aus</p></center>
    </div>
    <div class="col-md-4">
        <p class="bg-info" style="font-size:18px;">Jobbörse</p>
    </div>
    <div class="col-md-4">
        <p class="bg-info" style="font-size:18px;">Fachrichtung</p>
    </div>
    <div class="col-md-4">
        <p class="bg-info" style="font-size:18px;">Auswahl</p>
    </div>

    <div class="col-md-4">
        <span class="label label-default">StepStone</span>
    </div>
    <div class="col-md-4">
        <span class="label label-default">Alle Fachrichtungen</span>
    </div>
    <div class="col-md-4">
        <?= $form->field($DynamicModel, 'choice_StepStone')->radio(); ?>
    </div>
    <div class="col-md-4">
        <span class="label label-default">Monster.de</span>
    </div>
    <div class="col-md-4">
        <span class="label label-default">Alle Fachrichtungen</span>
    </div>
    <div class="col-md-4">
        <?= $form->field($DynamicModel, 'choice_Monster')->radio(); ?>
    </div>
erwirkt u.a folgende Ausgabe(s. Anhang bootstrap.png)

Meine Frage:
Wie verkleinere ich den Abstand ziwschen den <label>-Elementen? Zwischen StepStone und Monster.de soll durchaus ein Abstand sein, aber nicht so groß!
Vorab vielen Dank für jedwelche konstruktiven Antworten...
 

Anhänge

Jan-Frederik Stieler

Monsterator
Moderator
#2
Hi,
Ich denke mal das sich auf Label oder labelßdefault ein Margin befindet. Reduzier das mal.
Ansonsten kannst Du Dir in Deinem Browser auch mit den Developertools das zugewiesene css anschauen.

Durch die Verwendung einer HTML-Tabelle in diesem Fall könntest Du die Semantik Deiner Elemente verbessern.
Momentan haben diese jetzt nämlich keinen Bezug zu einander.

Viele Grüße von Darmstadt nach Darmstadt