Wie zentriert man eine unbekannte Schaltfläche in der Bootstrap-Spanne?

8

Ich habe eine Schaltfläche, die von backbone.js und jQuery.tmpl () erzeugt wird, und die Breite der Schaltfläche ist eine Variante. Ich möchte es in ein span6 Div setzen. Der Code ist unten gezeigt:

%Vor%

Ich weiß nicht, wie man den Button im div zentriert.

    
Alex Chen 29.10.2011, 18:18
quelle

5 Antworten

23

Ich bin kein CSS-Guru, aber das macht den Trick für mich (zentriert die Schaltfläche innerhalb der span6):

%Vor%

Weitere Informationen zur Zentrierung finden Sie hier .

    
dgorissen 09.11.2011, 12:10
quelle
20

Etwas spät, aber Sie können die paginationszentrierte Klasse aus dem Bootstrap verwenden

%Vor%     
Zeograd 07.09.2012 21:49
quelle
8

Was ist mit <a> -Tags?

Wenn Sie eine <a> -Tag-Schaltfläche haben, funktionieren die anderen Ansätze nicht, da a.btn ein float: left -Attribut in der Bootstrap-Quelle hat.

%Vor%

Dies kann auf zwei Arten rückgängig gemacht werden.

Lösung 1

Fügen Sie eine benutzerdefinierte less-Datei hinzu und importieren Sie den Bootstrap.

bootstrap-custom.less

%Vor%

Und dann kompilieren Sie Ihre benutzerdefinierte less-Datei oder geben Sie sie einfach in einer anderen CSS-Datei an:

styles.css

%Vor%

Lösung 2

Mach es einfach inline mit style="float: none;" :

%Vor%     
h2ooooooo 29.01.2013 13:38
quelle
2

Andere Lösung

%Vor%     
yorkfx 13.03.2013 04:33
quelle
0

Ich hatte das gleiche Problem, ich wickelte das in

%Vor%

wurde

%Vor%     
Michael Groh 30.12.2015 19:24
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Maskiere zuerst die ersten 12 Zeichen des Strings mit * aus?