Usunięcie marginesów i paddingów bootstrapowskich

pytanie zadane 6 czerwca 2016 w HTML i CSS przez tirex Gaduła (4,430 p.)

Już parę godzin siedze nad tym ale nie moge to zrobic dlatego postanowiłem zapytać na forum.

Jak mogę usunąc te paddingi i marginesy obok slidera i obok tych dwoch bloczków pod sliderem.Chciał bym rozciagnąc na całą szerokość .Podaje tymczasowy adres strony :http://kancelaria.addesigner.pl/

2 odpowiedzi

odpowiedź 7 czerwca 2016 przez mitelak Pasjonat (23,330 p.)
wybrane 7 czerwca 2016 przez tirex

Najlepsza

Tam gdzie teraz masz .container-fluid nad sliderem dodaj sobie klase z takim kodem

    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
    position: relative;

Nie wiem na ile jest to czysty sposób, ale za to działa ;)

komentarz 7 czerwca 2016 przez tirex Gaduła (4,430 p.)

działa.Tylko zdjęcia się rozpierdzieliły.Jakość do dupy niestety:)

komentarz 7 czerwca 2016 przez mitelak Pasjonat (23,330 p.)

To akurat wina zdjęć. Skoro zdjęcie ma 700 x 300 px do tego zapisane z jakąś stratą pewnie to po rozciągnięciu do takiego fullHD wiadomo że będzie jakość do dupy ;)

komentarz 7 czerwca 2016 przez tirex Gaduła (4,430 p.)

To jakiej wielkośći zalecasz zdjęcia?

komentarz 7 czerwca 2016 przez mitelak Pasjonat (23,330 p.)

Trzeba pamiętać, że im większe zdjęcie tym więcej waży, więc ładowanie też jest dłuższe.
Tutaj na przykład możesz zrobić faktycznie fullHD na szerokości czyli 1920px, ale na wysokości uciąć obrazki, żeby otrzymać wybraną proporcję slidera (bo jak da się 1920 x 1080 to zasłoni cały ekran a z nawigacją będzie trzeba jeszcze scrollować). Tutaj jeżeli zapisujesz ważna jest też odpowiednia kompresja, ale zwracając uwagę ile można sobie pozwolić żeby nie było widocznej straty.
Możesz też spróbować na przykład z 1600, czy 1366 w poziomie, ale ja bym jako punkt wyjścia wybrał 1920, uciął w dobrych proporcjach i ewentualnie zmniejszał później ;)

komentarz 7 czerwca 2016 przez tirex Gaduła (4,430 p.)

Dzięki:)

odpowiedź 6 czerwca 2016 przez Harsay Pasjonat (23,640 p.)

.no-padding {
    padding: 0;
}

W swoich projektach korzystam z powyższej klasy, którą dodaję do kolumn.

komentarz 6 czerwca 2016 przez tirex Gaduła (4,430 p.)

Ale samo wyzerowanie paddingu to nic tu nie da.

komentarz 6 czerwca 2016 przez Harsay Pasjonat (23,640 p.)

Wyzerowałem "paddingi" edytując źródło strony i działa :)

Możliwe, że źle zrozumiałem pytanie.

komentarz 6 czerwca 2016 przez tirex Gaduła (4,430 p.)

Możesz mi powiedzieć w kótrym miejscu u mnie w kodzie to mozna zrobić?:)

komentarz 6 czerwca 2016 przez Harsay Pasjonat (23,640 p.)

Czy przez wyzerowanie marginesów obok slidera rozumiesz rozciągnięcie go na całą szerokość okna przeglądarki?

komentarz 6 czerwca 2016 przez tirex Gaduła (4,430 p.)

Wiem ,ze container ma swoją szerokośc teraz jest chyba 1170px.Tyle teraz ma slider.Chciałbym jakoś to usunąc tylko dla slidera i dla tych dwóch bloczków.

komentarz 6 czerwca 2016 przez Harsay Pasjonat (23,640 p.)

Jeżeli nie chcesz by slider był ograniczany przez container to musisz go postawić przed container w kodzie. Tak samo dla "bloczków"

Szybki przykładzik

<div class="container">
    <!-- jakis kod -->
    <div class="slider">
        <!-- tresc slidera -->
    </div>
</div>

<!-- zmień na -->

<div class="slider">
    <!-- tresc slidera -->
</div>
<div class="container">
    <!-- jakis kod -->
</div>