[r.....a]

Dzień 4 i 5 z #webdevw30dni

Poszedłem za radami i postanowiłem zaznajomić się z bootstrapem. Projekt z dnia 3 http://raks3.vot.pl/d3/ przeniosłem do wersji RWD. Oto efekt: http://raks3.vot.pl/d4/

Bootstrap sprawił mi sporo kłopotów, część udało się rozwiązać, ale kilka wątpliwości pozostało:

- czy edycja css poprzez zewnętrzny arkusz to optymalne rozwiązanie? http://bootstrapbay.com/blog/customize-bootstrap/ Początkowo przez długi czas kręciłem się w kółko, bo ciągle miałem wątpliwości czy dodanie css nie nadpisze jakiejś istotnej części bootstrapa

- dlaczego mając taki kontener:

col-md-6 col-sm-8 col-sm-offset-2

Offset jest nadawany również dla md? Nie powinien pojawiać się wyłącznie jeśli ekran jest rozmiaru sm?

- w jaki sposób określać rozmiary divów, (np.: tak aby różne zdjęcia w divach pod obrazkiem stadionu miały jednakowy rozmiar i aby zachować RWD?

Dzięki!

#webdev

[emtei]

Offset jest nadawany również dla md

@raskepa: Bootstrap to podejście mobile first.

Wszystkie rzeczy na kolumnach niższej rozdzielczości przechodzą na wyższą (chyba ze zostaną nadpisane). Z wyższych nie przechodzą "w dół"

[r.....a]

@emtei: Dzięki jeden kłopot mniej ;)

[emtei]

@raskepa: co do obrazków hmm do czegoś musisz je dopasować. Albo do szerokości albo do wysokości. Chyba że użyjesz do tego jakichś bibliotek .js które będą kadrować obrazki. Ja bym zostawił tak jak jest tylko w:

.news-boxes img {

dodał: margin: 0 auto;

zmienił width 100% na max-width: 100%;

}

żeby były wypośrodkowane :)

tip: do wstawiania różnego rozmiaru .png fajne jest:

http://placehold.it/ podajesz adres normalnie jako  i jakie