Wie richtig ausrichten element mit bootstrap 3.0?

Muss ich legte element auf der rechten Seite der Seite.

Diesem element:

Wie richtig ausrichten element mit bootstrap 3.0?

Auf der rechten Seite der Seite. Wie diese:

Wie richtig ausrichten element mit bootstrap 3.0?

Fand ich nur pull-right helper-Klasse, aber ich habe es zu realisieren, es würde mir nicht helfen, denn es basiert auf float. So begann ich zu forschen und erste Ergebnis in google ist dieses Ergebnis. Es sagt, dass ich verwenden soll pull-right. Gut, ich habe versucht...

Habe ich versucht, dieses:

<a href="#" class="btn btn-default btn-lg pull-right" role="button"><span class="glyphicon glyphicon-plus"></span> Создать заказ</span></a>

Bekam ich das offensichtliche Ergebnis:

Wie richtig ausrichten element mit bootstrap 3.0?

Können Sie sehen, dass Dritte heading in der oberen Zeile verschoben ist.

Also was genau ich brauche, das richtige zu tun richten Sie jedes element mithilfe von bootstrap api?

Ich verstehe, dass ich kann suchen how to center/left/right div und ich finden einige Ergebnisse, aber es wird nicht bootstrap-Lösung.

InformationsquelleAutor Sharikov Vladislav | 2014-06-15
  1. 4

    Ich denke, deine Antwort ist ".pull-right" Klasse. Sie können es betrachten Bootstrap-3-Dokumentation-Helfer-Klassen. Ich denke, man kann die 2 Methoden dafür.

    1) Für Amateure :

    <div class="col-sm-8"></div> /*Empty div for left alignment*/
<div class="col-sm-4"><div class="btn btn-default">Your Text on Button</div></div> /*This is your button*/

    Nach diesem code können Sie Ihre überschriften. Ich meine, Ihre Knopf und Ihre überschrift haben zu voneinander.

    Aber wie gesagt das ist wirklich schrecklichen für Sie. Und ich denke, es wird auftreten ein problem für responsive design.

    2)Dies ist für pro Bootstrappers

    <div class="col-xs-12"><div class="btn btn-default pull-right>Your Button Text</div></div>

    Wieder nach diesem code können Sie Ihre überschriften. Ich meine, Ihre Knopf und Ihre überschrift haben zu voneinander. Sollten Sie haben, um Aufmerksamkeit zu bekommen auf ".pull-right" Klasse. Sie es einfach verwenden, auf dem rechten Platz.

    Ich denke, das wird für Sie arbeiten!

    Möchten Sie vielleicht, um es zu betrachten : Wie kann ich meine Twitter-Bootstrap-Tasten nach rechts ausrichten?

    • Dies hat mir geholfen, und wird trotzdem zugelassen, aber ich habe nur eine Frage: ist es notwendig, zu verwenden, um die div ' s? Oder kann ich div und setzen a mit Klassen btn btn-default pull-right?
    • Wenn Sie wollen nicht Ihre position verändern der überschriften. Kann man sich für position:absolute oder position:fixed css-Eigenschaften. Vielleicht können Sie Ihr problem nicht über Bootstrap...
    • Können Sie einen tag in der div. Es kann ein problem auftreten, wenn Sie verwenden .pull-right Klasse für ein - tag. Ich meine, Sie können verwenden, dass : <div class="btn btn-default pull-right"><a href="your-sexy-link">Your Sexy Button Text</a></div>
    • Ich habe nun so aus: Quelle (77-79 Linien). Wird dies zu Problemen führen?
    • Ich kann nicht auf diesen link können Sie senden Sie mir als E-Mail... [email protected] oder verwenden Sie jsfiddle
    • Dieser ist jsfiddle. Ich wusste nicht enthalten bootstrap-Dateien, so ist es die einfache Ausgabe, aber ich will zeigen, Sie Codes, und nicht als Ergebnis von diesem code.
    • Sie können es verwenden : jsfiddle.net/emredoganm/6DDhL Vielleicht wollen Sie testen, was Sie denken 🙂
    • schöne pull-rechts.

    InformationsquelleAutor Emre Doğan
Schreibe einen Kommentar