Bootstrap bir divi en alta nasıl sabitlenir?

TheAny dedi:

Doküman okumayı öğrenmen lazım; Position

Genişletmek için tıkla...

533388 dedi:

Denedim ama yapamadim .ben en alta sabitlemek(fixed ozelligi ile yapiliyor galiba.) İstedim ama olmadi.

Genişletmek için tıkla...

<div style="padding: 30px; background-color: red;" class="fixed-bottom"> </div>
<div style="padding: 250px; background-color: blanchedalmond;"></div>
<div style="padding: 250px; background-color: black;"></div>
<div style="padding: 250px; background-color: blue;"></div>
<div style="padding: 250px; background-color: yellowgreen;"></div>

TheAny dedi:

Bu içeriği görüntülemek için üçüncü taraf çerezlerini yerleştirmek için izninize ihtiyacımız olacak.
Daha detaylı bilgi için, çerezler sayfamıza bakınız.

Üçüncü taraf çerezlerini kabul et

Fixed-bottom class kullanınca oluyor zaten.

HTML:Panoya kopyala

<div style="padding: 30px; background-color: red;" class="fixed-bottom"> </div>
<div style="padding: 250px; background-color: blanchedalmond;"></div>
<div style="padding: 250px; background-color: black;"></div>
<div style="padding: 250px; background-color: blue;"></div>
<div style="padding: 250px; background-color: yellowgreen;"></div>

Genişletmek için tıkla...

533388 dedi:

Galiba bunu denemistim ama en alta yaslanmamisti ben de margin bottoma 0 vermitim. Padding ile yapmak cok saglikli degil diye biliyorum, yanlış mi biliyorum acaba?

Genişletmek için tıkla...

TheAny dedi:

Padding diğer divleri büyütüp scroll bar çıksın diye. En üstteki div de padding yok baktıysan. Sadece Bootstrap dahil edili CSS olarak. Div'de de class fixed-bottom var. Başka hiçbir ayar yok. Kırmızı div hareket etmiyor dikkat ettiysen.

Genişletmek için tıkla...