pozycjonowanie z bootstrapem css shapes.

Question

Witam,
Mam taka stronke http://scr.hu/6hqa/0y08w do wykonannia, gdzie te szesciokaty u gory to menu na dole te img to content i domek na samym dole to footer.

Ok to nie problem zrobic takie divy, ale jak ja mam je wypozycjonowac w bootstrapie zeby to było responsywne ? Musi byc responsywne i nie mam pojęcia jak sie za to zabrac bo kompletnie nie czaje tego bootstrapa. Do tej pory mam coś takiego.

https://preview.c9users.io/urtly/cssshapestraining/bootstrap.html?_c9_id=livepreview0&_c9_host=https://ide.c9.io

to sie moze zmieniac bo caly czas cos z tym kombinuje.

Chce zeby w mniejszej rozdzielczosci niz 768px ponumerowane szczesciokaty byly w poziomie na 95% rozdzielczosci ekranu, a w wiekszej ich szerokosc/wysokosc sie zwiekszala do jakiegos tam poziomu ale za kazdym razem cos sie sypie..

Answer 1

Poczytaj o Grid system

a jeżeli chodzi o responsywnośc twojej strony to wystarczy że w media dasz dla tych elementów float: left: albo float: none; 

Wszystko tam masz opisane, da przykładu ja zawartość zrobił bym za pomocą: 

<div class="row">
  <div class="col-md-6">.col-md-6</div>
  <div class="col-md-6">.col-md-6</div>
</div>

 

a to wszystko w <div class="container"> w jednym text a w drugim grafika.

Comments

i w srodku tych divow mam dac moje szesciokatne divy czy z nich mam zrobic szesciokatne divy ?

---

te szesciokaty to ma byc menu ktore na malych ekranach  obraca sie o 90 stopni i jest 90% width  tylko jak sie obracaja to jest skads jakis margin nie wiem skad..

---

klikaj prawym i zbadaj element tam jak klikniesz na jakąś przestrzeń to ci pokaże co to za margin.

---

https://cssshapestraining-urtly.c9users.io/bootstrap.html  nie moglbys zerknac i mi pomoc poprawic niektorych rzeczy? w sensie co i jak naprawic :D