Podział stopki

[SanIK]

Jak podzielić stopkę (w której jest napis „copyright...”) na trzy kolumny, aby można było umieścić w nich elementy: do lewej, wyśrodkowane i do prawej. Coś na wzór sekcji header, gdzie występują obok siebie logo, wyszukiwarka i koszyk. Pozdr.

[endriu107]

Tutaj nie dzielisz stopki a elementy które w niej umieścisz musisz odpowiednio ostylować, jeśli chcesz umieścić ich trzy to muszą mieć ustawioną każdy z nich szerokość 33,3333% czyli odpowiednią klasę bootstrap, później tylko wyrównanie elementów do prawej/lewej.

[krzysiek_web]

col-md-4 box1

col-md-4 box2

col-md-4 box3

[SanIK]

Nie wiem, czy dobrze zrozumiałem, ale dodałem do sekcji bottom-footer col-xs-12 taki kod:

<div class="row">

<div class="col-md-4">box1</div>

<div class="col-md-4">box2</div>

<div class="col-md-4">box3</div>

</div>

Pomimo tego, wszystkie elementy wyświetlają się jeden pod drugim zamiast obok siebie.

Pozdr.

[() Maciej ()]

A masz zdefiniowaną klasę "col-md-4" ?

[SanIK]

Dodałem do global.css coś takiego:

 

.col-md-4 {
    float: left;
    padding-left: 10px;
    width: 33.333%;     
}

 

ale chyba coś nie tak robię, bo nadal nie  działa, jak powinno. Pozdr.

[() Maciej ()]

CSS z tego co widzę głupieje i jak damy wartość 33% to przenosi 3 wartość do kolejnej linii. Daj

.col-md-4 {
    float: left;
    padding-left: 10px;
    width: 32%;     
}

i będziesz miał wszystko w 1 linii

[SanIK]

Niestety, ale nic to nie zmieniło (pamięć podręczna wyczyszczona). Pozdr

[() Maciej ()]

Daj linka do sklepu. Sprawdzę czy nie masz jakiegoś babola, bo u mnie działa to tak jak trzeba.

[SanIK]

Już wiem co było przyczyną. Okazało się, że w .footer-container #footer .bottom-footer div było width ustawione na 100%. Po usunięciu tej właściwości zaczęło wszystko wyglądać należycie. Dzięki bardzo za wskazówki.