Ich habe eine Bootstrap-Sidebar, die ein paar Buttons enthält. Leider sieht es sehr hässlich aus und ich möchte, dass jede Taste die gleiche Größe hat.
Diese Schaltflächen befinden sich in einer Seitenleiste und werden vertikal gestapelt. Ich möchte vermeiden, eine Pixelzahl für jede Schaltfläche festzulegen.
Hier ist die jfiddle
Ссылка
HTML
%Vor%Wenn ich Ihre Frage richtig verstehe. Meinst du das:
%Vor%Hier ist die Geige: Ссылка
Ich habe deine Geige geändert, um eine Lösung zu finden. Sie können Ihrer Sidebar eine Breite von 100% geben. Dann kannst du deine Knöpfe mit einer Linie von css 80% machen und sie in der Mitte mit dem Rand bleiben lassen: 0 automatisch. Wenn Sie die Größe der Schaltflächen anpassen möchten, können Sie sie einfach mit nur einer Zeile ändern. Sie können auch den Text align: left hinzufügen, eine Schriftgröße für alle Schaltflächen festlegen, ... für ein besseres Styling der Schaltflächen.
%Vor%Link: Ссылка
Ich empfehle Ihnen, es so zu machen:
%Vor%Wenn Sie nur diese Effekte auf die Sidebar-Schaltflächen anwenden möchten, fügen Sie
hinzu# Lese-Seitenleiste .btn {} ETC ...
Wenn Sie es nicht 100% Breite und zentriert wollen, sollten Sie es so machen,
%Vor%Damit wird es leicht zentriert. :)
Tags und Links html css twitter-bootstrap