Bootstrap 5.1, šířka row není shodná s šířkou containeru, proč?
Napsal: 04 říj 2021 16:38
Ahoj, rozšiřuji své znalosti v Bootstrapu a narazil jsem na jeden menší problém...
Vytvořil jsem si div "container-lg" a uvnitř mám zatím 3x div "row". Tyto 3 divy by měly mít stejou šířku jako má "container", ale z nějakého důvodu pouze druhý row má stejnou šířku a zbylé dva "row" mají šířkou jinou, resp. mají odsazení od okraje, ale ani pomocí nulovací class ".nomargin" se mi nepovedlo toto odsazení zrušit.
Dokázal byste mi někdo prosím poradit jak ono odsazení zrušit?
Do screenshotu jsem přiložil pravítko, takže je vidět, kde přesně je problém... Novinky a Přihlášení ma být na straně, jedno na levé, druhé na pravé... Toto by nebyl normálně problém, ale rád bych toho docílil bootstrap cestou, protože bych se s tím i velmi rád pořádně naučil a zatím jsem tvořil pouze fullWidth stránky.
PS: Tmavého obdélníku v horní části si nevšímejte... Tam je logo, ale zakryl jsem jej.
JSFiddle: https://jsfiddle.net/08ghznju/
Vytvořil jsem si div "container-lg" a uvnitř mám zatím 3x div "row". Tyto 3 divy by měly mít stejou šířku jako má "container", ale z nějakého důvodu pouze druhý row má stejnou šířku a zbylé dva "row" mají šířkou jinou, resp. mají odsazení od okraje, ale ani pomocí nulovací class ".nomargin" se mi nepovedlo toto odsazení zrušit.
Dokázal byste mi někdo prosím poradit jak ono odsazení zrušit?
Do screenshotu jsem přiložil pravítko, takže je vidět, kde přesně je problém... Novinky a Přihlášení ma být na straně, jedno na levé, druhé na pravé... Toto by nebyl normálně problém, ale rád bych toho docílil bootstrap cestou, protože bych se s tím i velmi rád pořádně naučil a zatím jsem tvořil pouze fullWidth stránky.
PS: Tmavého obdélníku v horní části si nevšímejte... Tam je logo, ale zakryl jsem jej.
JSFiddle: https://jsfiddle.net/08ghznju/