Welche CSS steuert den rechten und linken Rand zwischen diesen Formularelementen in Twitter Bootstrap?

Hier sind die CSS-Selektoren, die Sie benötigen ..

Übergeben Sie die Eingaben / Felder :

Rand für das Kontrollkästchen / Optionsfeld :

Rand für den Absenden-Button:

Rand für das gesamte Inline-Formular

Und um Ihre Frage zu beantworten, gibt es derzeit Ränder zwischen Elementen, weil das der Standardwert ist. Wenn Sie sie entfernen möchten, würde ich vorschlagen, dies manuell zu tun, indem Sie den oben angegebenen CSS-Steuerelementen negative Ränder hinzufügen. Wenn Sie beispielsweise die Ränder zwischen den Eingaben entfernen möchten, tun Sie dies:

Der Abstand zwischen den Eingaben in der Bootstrap-Dokumentation ist auf Leerzeichen im HTML zurückzuführen. Denken Sie daran, dass .form-group auf einen Inline-Block gesetzt ist, der für Leerraum empfindlich ist.

Eine Demonstration finden Sie unter Ссылка

Sie können es mit einigen CSS wie folgt beheben:

Ich verstehe, worüber du verwirrt bist. Sie möchten wissen, warum eine Lücke zwischen zwei Eingabefeldern besteht.

Dafür liegt die Antwort tatsächlich in der Elternformularklasse bs-example form-inline . Wenn Sie den Firebug oder den Chrombug von Chrome inspizieren, sehen Sie einen Stil wie diesen: .bs-example {margin: 0 -15px 15px;} . Dies ist der Teil, der den Abstand zwischen den beiden Eingabefeldern steuert. Wenn Sie das mit dem Bug- oder Chrom-Bug blockieren, werden Sie sehen, dass die Felder tatsächlich untereinander liegen und es ist diese Marge zusammen mit vertical-align Positionierung, die beide an ihrem Platz hält.

Beobachten Sie den HTML -Code, der für das Formular benötigt wird

um zB nach den Eingabefeldern mehr Ränder zu setzen, können Sie:

Ebenso können Sie den gleichen Trick für die anderen Elemente ausführen (z. B. für das Kontrollkästchen form.form-inline div.checkbox , für die Übergabeschaltfläche form.form-inline button )