Ich entschied mich für Twitter Bootstrap für die schnelle App Display Layer Bulding, vor kurzem hatte ich Probleme.
Ich versuche, das Element nach unten in den Seitencontainer zu schieben, aber es zentriert zu halten. Klasse hinzufügen
.push-to-bottom { position: absolute; bottom: 50px } hat nicht geholfen.
Nun, das Hauptproblem lag in meinem schlechten Wissen über CSS und Bootstrap-Konventionen. Ich fand diese Lösung akzeptabel, vielleicht ist es nicht der beste Ansatz, aber es funktioniert, und es ist voll verantwortlich.
%Vor%Hauptziel war es, div vollständig horizontal zentriert zu halten, so dass #home div in einen Container eingeschlossen wird, dann die #home div position: absolute Eigenschaft, und dann einfach die untere Eigenschaft ändern, entweder fix oder in Prozent angegeben.
Wenn Sie die Breite des Elements kennen, das Sie zentrieren möchten, können Sie einen Rand links verwenden, der den negativen Wert von Breite / 2 darstellt. So jsFiddle-Beispiel :
%Vor% Verwenden Sie position: absolute , um es an den unteren Rand der Seite zu bringen und verwenden Sie die .text-center -Klasse (von Bootstrap) zusammen mit width: 100% , um es in der Mitte zu bekommen:
%Vor%
Tags und Links html css twitter-bootstrap twitter-bootstrap-3