Bootstrap 3 "fluid" footer

Question

Я пытаюсь создать нижний колонтитул с бутстрапом 3. В конце он должен выглядеть на этом site.

Я уже пробовал этот example, но он статичен и не перемещается с сайтом.

Answer 1

Это статично, потому что нет содержимого, чтобы подтолкнуть нижний колонтитул, нет полосы прокрутки. Этот нижний колонтитул на загрузочном сайте должен работать нормально. Я добавил высоту 3000 пикселей на свой h1, а нижний колонтитул перемещен с сайта.

Если я не запутался, и вы не хотите, липкую колонтитула в этом случае это должно работать нормально

.footer { 
width: 100%; /* or whatever */ 
float: left; /* to clear it */ 
} 

или

.footer { 
width: 100%; 
clear: both; /* to clear it */ 
} 

быть также обязательно добавить .container внутри ваш нижний колонтитул, затем добавьте свой контент в div .container. Затем вы должны переместить «с сайта»

Bootstrap 3 не имеет установленного способа добавления нижнего колонтитула, поэтому сходите с ума. Единственный пользовательский нижний колонтитул, который я вижу из них, - это липкий нижний колонтитул

Answer 2

Я думаю, вы сбиваете с толку, какой липкий нижний колонтитул. Липкий нижний колонтитул - это нижний колонтитул, который находится внизу содержимого даже в нижней части страницы, когда у вас недостаточно содержимого для заполнения страницы. Он держит сайт выглядящим аккуратным и последовательным.

Что вы ищете, это позиция атрибут. Установите следующий класс в вашем CSS

.fixed-to-bottom{ 
    position:absolute; 
    bottom:0px; 
    left:0px; 
} 

добавить этот класс к элементу, который Вы хотите, чтобы всегда показывать в нижней части экрана.

Надеюсь, это поможет.