Prečo bootstrap používa záporné okraje?
Prečo bootstrap používa záporné okraje?

Video: Prečo bootstrap používa záporné okraje?

Video: Prečo bootstrap používa záporné okraje?
Video: CS50 2015 - Week 3 2024, November
Anonim

Riadky majú a negatívne vľavo vpravo marža -15 pixelov. Výplň kontajnera s veľkosťou 15 pixelov sa používa na potlačenie záporné marže z radu. Je to preto, aby bol obsah na okrajoch rozloženia rovnomerne zarovnaný. Ak nevložíte riadok do kontajnera, riadok pretečie svoj kontajner, čo spôsobí nežiaduce horizontálne rolovanie.

V súvislosti s tým, prečo má bootstrap riadok zápornú maržu?

Vo všetkom mriežka systémov, medzi každým stĺpom sú žľaby. posledná trieda na tých stĺpcoch ako niektorí mriežka systémy, namiesto toho nastavia. riadok triedu mať záporné marže ktoré zodpovedajú výplni stĺpcov. Tým sa „stiahnu“odkvapy z prvého a posledného stĺpika a zároveň sa rozšíri.

Ďalej, ako zarovnám div v bootstrape 4 na stred? 1 - Vertikálne centrum Používanie automatických okrajov Jeden spôsob vertikálneho stred je použiť my-auto. Toto bude stred a element vo svojom flexboxe kontajner (The Bootstrap 4 . riadok je display:flex). Napríklad h-100 urobí riadok v plnej výške a my-auto bude vertikálne stred stĺpec col-sm-12.

Ako potom nastavím okraje v bootstrape?

t - sady marža -top alebo vypchávka-top. b - súpravy marža -spodné alebo polstrovanie-dolné. l - súpravy marža -vľavo alebo polstrovanie-vľavo. r - sady marža -vpravo alebo vypchávka-vpravo.

Ďalšie príklady medzier.

.m-# / m-*-# okraj na všetkých stranách Skús to
.my-# / my-*-# okraj hore a dole Skús to
.p-# / p-*-# polstrovanie na všetkých stranách Skús to

Aké sú body prerušenia bootstrapu?

Responzívne zlomové body Títo zlomové body sú väčšinou založené na minimálnych šírkach výrezu a umožňujú nám zväčšovať prvky pri zmene výrezu. Bootstrap primárne používa nasledujúce rozsahy mediálnych dopytov – alebo zlomové body -v našich zdrojových súboroch Sass pre náš layout, mriežkový systém a komponenty.

Odporúča: