Tabellen mit Bootstrap


tklustig

Erfahrenes Mitglied
#1
Hallo Leute, folgender Code:
CSS:
    <div class="col-md-12"><p></p></div>
    <div class="col-md-6">
        <?=
                $form->field($DynamicModel, 'job', ['addon' => [
                        'prepend' => ['content' => 'Was?'], 'append' => ['content' => 'bitte vollständige Stellenbeschreibung angeben']]])->widget(TwbsMaxlength::className())
                ->textInput(['value' => $JobValue, 'maxlength' => true]);
        ?>
    </div>
    <div class="col-md-6">
        <?=
                $form->field($DynamicModel, 'place', ['addon' => [
                        'prepend' => ['content' => 'Wo?']]])->widget(TwbsMaxlength::className())
                ->textInput(['value' => $place, 'maxlength' => true]);
        ?>
    </div>
    <div class="col-md-12">
        <p></p>
    </div>
    <div class="col-md-12">
        <table class="table tabel-bordered">
            <tr>
                <td class="success">Wählen Sie die gewünschten Jobbörsen aus</td>
            </tr>
        </table>
    </div>
erwirkt folgende Ausgabe(s. Anhang jobformular.jpg)
Wie muss ich codieren, wenn ich
  • die Schriftgröße für das letzte <td>-Tag vergrößern
  • das letzte <td>-Tag zentrieren
möchte? Gibt es eine elegantere Möglichkeit, Zwischenräume einzufügen als die Verwendung leerer <p>-Tags?
 

Anhänge

Zuletzt bearbeitet:

tklustig

Erfahrenes Mitglied
#2
Got it!
folgender Code erwirkt meine Intention:
CSS:
    <div class="col-md-12">
        <center><p class="bg-info" style="font-size:22px;">Wählen Sie die gewünschten Jobbörsen aus</p></center>
    </div>
verbleibt noch die Frage nach einer eleganteren Lösung bezüglich der Zwischenräume
 

Jan-Frederik Stieler

Monsterator
Moderator
#3
Hi,
Ich verstehe nicht was die Überschrift mit Deiner Frage zu tun hat?
Grundsätzlich gibt es in Bootatrap auch die Möglichkeit Spalten zu pullen oder zu pushen bzw. Diese mit einem Offset zu versehen. Welche Version von Bootstrap verwendest Du?

Inlinestyles solltest Du nach Möglichkeit vermeiden und in eine CSS-Datei auslagern.
Des Weiteren ist <center> In HTML5 nicht mehr vorhanden und sollte per CSS gesetzt werden.

Grüße