Wie zentriere ich ein div-Element mit einer externen CSS-Datei? Ich habe versucht, Bootstrap-Klassen und Inline-Stile zu verwenden, die andere Leute gepostet haben, aber keiner von denen hat funktioniert. Ich habe mich gefragt, wie Sie dies ohne eine externe CSS-Datei implementieren würden.
Offsets: Das erste verwendet Bootstrap-eigene Offset-Klassen, so dass es keine Änderung in Markup und kein zusätzliches CSS erfordert. Der Schlüssel besteht darin, einen Versatz festzulegen, der gleich der Hälfte der verbleibenden Größe der Zeile ist. So würde zum Beispiel eine Spalte der Größe 6 zentriert, indem ein Offset von 3 hinzugefügt wird, also (12-6) / 2.
%Vor%margin-auto: Sie können jede Spaltengröße mit dem Rand zentrieren: 0 auto; Technik, müssen Sie nur auf das Floating achten, das vom Bootstrap-Grid-System hinzugefügt wird. Ich empfehle, eine benutzerdefinierte CSS-Klasse wie folgt zu definieren:
%Vor%Wenn Sie alte Browser nicht unterstützen müssen, können Sie in Flexbox schauen.
Versuchen Sie etwas wie folgt:
%Vor%Tags und Links javascript html5 css3 reactjs twitter-bootstrap-3