[S.....r]

#bootstrap #webdev

Mirasy bawię się trochę Bootstrapem i mam pytanie. Czy jest możliwość uzyskania siatki jak na dołączonej makiecie? Wstępne testy pokazują, że się nie da (różowy row na całą szerokość, reszta zgodnie z szerokością narzucaną przez klasę container). Ale może istnieje jakiś haczyk znany bardziej doświadczonym osobom.

[k.....o]

@Seeker: nie da się xD weź się za naukę składania długopisów zamiast udawać programiste

[Melcma]

@Seeker: no kazdemu elementowi daj container, a temu rozowego container-fluid

[5z7k9]

@Seeker: 2 containery na top i bottom + 1 "special container" na content?

[Rst00]

@Seeker: wyjdź z conteinera, zrób div na całą szerokość, znów otwórz container

[vibro_vagins]

@kmicolo: dokładnie, #!$%@?ć programistów bootstrapa!

[M.....s]

Bawełna XD #1z10

[S.....r]

@kmicolo: @vibro_vagins: #!$%@?ć jak #!$%@?ć ale css i html trudno nazwać programowaniem.

@Rst00: @Melcma: No to jest opcja, pytanie tylko czy jest to poprawne pod względem zasad. Używania Bootstrapa to dla mnie nowość.

[Rst00]

@Seeker: poprawne

[S.....r]

@Rst00: No to już sobie poradzę. Dzięki za pomoc.

[vibro_vagins]

@Seeker: wyczuj ironię

chociaż od kiedy są dostępne frameworki typu angular to można by się kłócić o programowanie w html czy preprocesory sass/less w css

[maciek117]

@Seeker: to proste jak budowa cepa http://getbootstrap.com/2.3.2/scaffolding.html sposobow jest pare, najprostszy chyba z offsetem.

[Ilirian]

@Seeker: do takich rzeczy używa się calc()

[Ilirian]

@Seeker: udało mi się znaleźć jakiś przykład

http://jsfiddle.net/danield770/KRyF6/5/
http://codepen.io/joeldrapper/pen/ZbrRvR

[S.....r]

@Ilirian: Dzięki, pobawię się.

[babysteps]

@Seeker: learn flexbox

[IcyHot]

@Seeker: container-fluid
pamiętaj że container-fluid ma domyślnie padding-left padding-right ustawiony na 15px.

aby to obejść musisz napisać własną klasę w CSS np.

.no-padding {
padding-left: 0;
padding-right: 0;
}

wtedy robisz