Wie kann ich dieses folgende Formular in ein Inline-Formular umwandeln? [geschlossen]

SIEHE den Link: http://samuelgeorgeo.com/cc/NEWDESIGN/

Ich habe eine Website, die auf Twitter Bootstrap basiert. Ich habe zwei Hauptelemente auf der Seite, das untere ist eine horizontale Form. Ich möchte, dass das untere Div horizontal zentriert ist und mit dem Div darüber übereinstimmt. Hier ist ein Screenshot:

Geben Sie hier die Bildbeschreibung ein

Ich möchte, dass das Formular zentriert und in horizontaler Form ist. Kannst du mir helfen?

Sie haben einige Sachen fest codiert. Schlechte Idee.
@boblet wiedereröffnet!
Beifall. Wahrscheinlich keine Frage, die für andere sehr nützlich ist, also hoffe ich, dass der Fragesteller sie zu schätzen weiß.

Antworten (1)

Sie verwenden Bootstrap, und es gäbe elegantere Möglichkeiten, es zu lösen, aber hier ist ein kleiner Hack.

Sie haben einige Stile fest in den HTML-Code codiert, und ich würde dringend empfehlen, dass Sie diese entfernen und in Ihr CSS einfügen. Weiter; Ich würde empfehlen, dass Sie Ihr eigenes Stylesheet erstellen und dieses für Überschreibungen aus dem Bootstrap-Stylesheet verwenden.

Wie auch immer, hier kommt mein kleiner Hack. Wie gesagt, es ist nicht sehr elegant, aber es ist einfach:

Das ist, was Sie haben; Dies ist die Struktur Ihrer divs:

Geben Sie hier die Bildbeschreibung ein

Hier ist, was Sie tun müssen: in html ändern

<form class="form-inline" role="form">

Zu

<form class="form-inline container" role="form">

ändern

<div class="col-xs-7">

Zu

<div class="col-xs-9">

Hier ist das Ergebnis:

Geben Sie hier die Bildbeschreibung ein

Und dann die Führungsrahmen entfernen:

Geben Sie hier die Bildbeschreibung ein

Samuel: Es wäre gut, wenn Sie diese Antwort akzeptieren und positiv bewerten würden, sollte sie Ihr Problem gelöst haben. Es ist gut für Sie, mich und die gesamte Gemeinschaft.
Wie kann ich dieses folgende Formular in ein Inline-Formular umwandeln? [geschlossen]
AntwortenHierDatenschutz-Bestimmungen1y, 0v