W Bootstrap 4 są narzędzia do rozmieszczania .
Cytując dokumentację używanej notacji :
Narzędzia do rozmieszczania odstępów, które mają zastosowanie do wszystkich punktów przerwania, od xs
do xl
, nie mają w nich skrótu punktów przerwania. Dzieje się tak, ponieważ te klasy są stosowane od min-width: 0
i w górę, a zatem nie są związane z zapytaniem o media. Pozostałe punkty przerwania zawierają jednak skrót punktu przerwania.
Klasy są nazywane przy użyciu formatu {property}{sides}-{size}
dla xs
i {property}{sides}-{breakpoint}-{size}
na sm
, md
, lg
, i xl
.
Gdzie nieruchomość jest jedną z:
m
- dla zajęć, które ustawiają margin
p
- dla zajęć, które ustawiają padding
Gdzie strona jest jedną z:
t
- dla zajęć, które ustawiają margin-top
lubpadding-top
b
- dla zajęć, które ustawiają margin-bottom
lubpadding-bottom
l
- dla zajęć, które ustawiają margin-left
lubpadding-left
r
- dla zajęć, które ustawiają margin-right
lubpadding-right
x
- dla klas, które ustawiają zarówno *-left
i*-right
y
- dla klas, które ustawiają zarówno *-top
i*-bottom
- puste - dla klas, które ustawiają a
margin
lub padding
na wszystkich 4 stronach elementu
Gdzie rozmiar jest jednym z:
0
- dla klas, które eliminują margines lub wypełnienie, ustawiając go na 0
1
- (domyślnie) dla klas, które ustaw margin
lub padding
do$spacer * .25
2
- (domyślnie) dla klas, które ustaw margin
lub padding
do$spacer * .5
3
- (domyślnie) dla klas, które ustaw margin
lub padding
do$spacer
4
- (domyślnie) dla klas, które ustaw margin
lub padding
do$spacer * 1.5
5
- (domyślnie) dla klas, które ustaw margin
lub padding
do$spacer * 3
Aby mieć dodatkową przestrzeń w pionie nad i pod elementem, użyłbyś my-5
class.
W wersji 2 nie ma nic wbudowanego dla tak dużej przestrzeni w pionie, więc będziesz chciał trzymać się niestandardowej klasy. W przypadku mniejszych wysokości zwykle rzucam
<div class="control-group">
wokół przycisku.źródło
.btn-toolbar
, więc powinieneś po prostu dodać nową klasę z własnymi marginesami.Zawijanie działa, ale kiedy potrzebujesz tylko spacji, lubię:
źródło
Przepraszam, że wykopuję tu stary grób, ale dlaczego po prostu tego nie zrobić?
Doda spację na wysokość normalnego elementu formularza.
Wygląda na to, że około 1 linii w formularzu ma około 50 pikseli (47 pikseli w moim elemencie, który właśnie sprawdziłem). Jest to forma pozioma, z etykietą po lewej stronie 2 col i wejściem po prawej 10 col. Więc twoje piksele mogą się różnić.
Ponieważ mój ma w zasadzie 50 pikseli, utworzyłbym odstępnik o wysokości 50 pikseli bez marginesów i wypełnienia;
źródło
Wiem, że to jest stare, ale przyszedłem tutaj, szukając tego samego, stwierdziłem, że Bootstrap ma blok pomocy, bardzo przydatny w takich sytuacjach:
źródło
Wydaje się, że w wersji 3 nie ma sposobu na "bootstrap", aby to zgrabnie osiągnąć.
A
panel
, awell
i aform-group
wszystkie zapewniają pewne odstępy w pionie.Bardziej formalne, konkretne rozwiązanie dotyczące odstępów w pionie najwyraźniej znajduje się na mapie drogowej dla bootstrap v4
https://github.com/twbs/bootstrap/issues/4286#issuecomment-36331550 https://github.com/twbs/bootstrap/issues/13532
źródło
Po prostu stworzyłem klasę DIV przy użyciu różnych wysokości, tj
CSS to:
Po prostu utwórz klasę rozdzielaczy dla wszystkich potrzebnych wysokości.
źródło
Moja sztuczka. Nie eleganckie, ale działa:
źródło
Po prostu użyj
<br/>
. Znalazłem się tutaj, szukając odpowiedzi na to pytanie, a potem poczułem się głupio, nie myśląc o użyciu prostego podziału wiersza, jak zasugerował użytkownik JayKilleen w komentarzu.źródło
Wiem, że to jest stare i opublikowano już kilka dobrych rozwiązań, ale prostym rozwiązaniem, które zadziałało, jest następujący CSS
a następnie utwórz div w swoim html
źródło
Próbowałem użyć
<div class="control-group">
i nie zmieniło to mojego układu. Nie dodawał pionowej przestrzeni. Rozwiązanie, które działało dla mnie, to:Jeśli to nie zapewnia wystarczającej ilości miejsca w pionie, możesz stopniowo uzyskać więcej, dodając zagnieżdżone
<li> </li>
znaczniki.źródło
http://v4-alpha.getbootstrap.com/components/forms/#form-controls
źródło
Nie ma nic bardziej SUCHEGO niż
źródło