Tabellen mit Bootstrap

tklustig

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

  • jobFormular.png
    jobFormular.png
    20,2 KB · Aufrufe: 4
Zuletzt bearbeitet:
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
 
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
 
Zurück