Bootstrap: kontenery i marginesy, nie moge sobie poradzic

0

Cześć,

jestem nowy na forum i od razu mam prośbę o Waszą pomoc. Uczę się bootstrap 3, na razie pierwsze próby pracy z kontenerami, gridem. Troche minęło zanim to wszystko ogarnąłem, czytanie dokumentacji rozwiązało 90% moich problemów oprócze TEGO JEDNEGO.
Już nie mam pomysłu jak sobie poradzić.

O CO CHODZI:
Mam taki układ:
https://www.dropbox.com/s/vrg6odhrsorat5q/foto.jpg?dl=0

Czyli główny kontener, w ktorym mam grid:

  1. col-xs-12 - z tekstem
  2. col-xs-12 - ze zdjęciem, ktore ma wypełniać cala szerokość wiersza

Nie moge sobie poradzić z tym drugim. Zaznaczylem na czerwono elementy ktore chce zlikwidować oraz na zielono dodatkowo pytanie - czy da się jakoś automatycznie dopasować wysokości tych dwóch wierszy?

Przygotowalem też paczkę ze źródłami: https://www.dropbox.com/s/g9hqntkyvrvrl4j/containers.zip?dl=0

W zasadzie to tyle, wiem ze to jest pewnie super banalne, ale jak pisalem dopiero się uczę.

BARDZO DZIEKUJE za pomoc z góry


@Doggye: czy linki są teraz ok?

0

Jeżeli chcesz coś dać na całą szerokość strony, to nie musisz rowa dzielić na kolumny tylko możesz dać w-100. Co do mniejszego obrazka to chyba pozostaje Ci nadpisać dany element własnymi klasami, żeby odpowiednio to rozciągnąć. Polecam też Bootstrapa 4, tam możesz poznyć się paddingu i marginó w danym rowie dopisując tylko do niego no-gutters. Zresztą ogólnie już całkiem fajnie działa więc warto się pobawić :)

0

Dzieki Doggye!

Poradzilem sobie z problemem poprzez dodanie dodatkowego DIVA z klasą dookoła obrazka , nie jest to zbyt eleganckie, ale jakoś działa...

.image-container {
  margin-left: -15px;
  margin-right: -15px;
}

Co do bootstrapa 4 to jest rewelacyjny, ale troche sie boje cos robic w nim skoro to ciagle jeszcze alpha... nagle zmienią jakiś blok i bedzie problem z dotychczas napisanym kodem. Co sądzisz???

W B4 działa mi z kolei coś takiego

<div class="container py-0 my-0 px-0 mx-0">

wyglada na to, ze to odpowiednik padding i margin w CSS, z tą różnicą że działa w Bootstrap 4, a w 3-ce muszę stosować powyższy zabieg z -15px margin.

Czy moglbys podac jakis przyklad z tym

w-100

?

Dzieki za odpowiedz!!!

0

Marginesy na minusie :) Kocham to :) A tak serio to no potem dojdziesz do wprawy żeby system grindów ogarnąć.
Drzwi Verte Poznań

1 użytkowników online, w tym zalogowanych: 0, gości: 1