Ich möchte das gleiche "kompakte" Aussehen haben - in Bezug auf font-size , padding und die allgemeine Verwendung von Speicherplatz, wie ich es erhalte, wenn ich die Browser-Verkleinerung benutze (Ctrl--). Natürlich ohne die Nebenwirkungen, vor allem Reduzierung der Containerbreite.
Ich habe versucht, mit den Variablen @baseFontSize und @baseLineHeight in Bootstraps Ссылка Download-Bildschirm zu experimentieren, aber ich fehlt etwas als Ergebnis:
Sieht nicht richtig aus - in puncto Balance ist Polsterung nicht richtig.
Pausen auf der Leinwand (der Horror!) - Boxen auswählen, Layout, alles wird verrückt.
Bitte schütze mich!
Ich frage mich, ob das ein Problem mit dem Responsive Stylesheet ist. Es ist schwierig, eine definitive Antwort zu geben, ohne zu wissen, ob Sie mit dem responsiven Stylesheet arbeiten oder nicht. Aber wenn Sie es sind, wird das Layout nicht proportional zu einem größeren Bildschirm bleiben, weil es reaktionsfähig ist. Also, wenn Sie dieses Stylesheet haben, versuchen Sie es zu entfernen.
Ich habe zwei Vorschläge.
Erstens, verwenden Sie Bootstrap 2.3.2 für Ihren Link oben? Sie können Ihre Probleme leichter lösen, wenn Sie das neue Gerüst verwenden, das Boartrap 3.0 (und höher) hat. Es ist ein bisschen mühsam, Ihre Website zu aktualisieren, aber es gibt automatische Konverter, und das neue System ist VIEL besser zu arbeiten und könnte helfen.
Zweitens, ein weiterer CSS-Trick, den Sie untersuchen sollten, ist das Schriftgewicht und die Zeilenhöhe. Schriftstärke kann Ihren Text dünner / dicker machen (Noten sind 100, 200, 300, 400 usw.). Sie könnten vielleicht die Schrift dünner machen, die Zeilenhöhe niedriger, aber die Gesamtschriftgröße größer, was Dinge "kompakter" macht. Wenn Sie nicht wussten, dass es einen Versuch wert ist.
%Vor%Tags und Links html5 css3 twitter-bootstrap