2013-11-13 2 views
0

Этот page изготовлен для бутстрапа3.смещение блока вниз

С большой шириной экрана имеются 2 колонки .left и .right. В колонке .left есть кнопка .more.

Я хотел бы move кнопку в нижней части блока .approach_r

PS: количество текста в блоке .right может изменить

+0

Не совсем ответ на ваш вопрос, но вы чрезмерно разбиваете свою сетку. Наименьшая настройка сетки будет иметь приоритет до тех пор, пока она не будет отменена большим экраном. Таким образом, наличие 'col-xs-12 col-sm-12 col-md-4 col-lg-4' может быть уменьшено до' col-xs-12 col-md-4', так как маленькие экраны получат xs, а большие экраны получат макет md. –

+0

Кроме того, все столбцы будут сбрасываться на col - * - 12, если они не указаны, поэтому 'col-xs-12 col-md-4' также сверхклассифицирован. Для достижения вашего макета вам нужно только 'col-md-4' слева и' col-md-8' справа. См. Http://bootply.com/93906 для рабочего примера. –

ответ

0

Это поможет вам проверить это fiddle

.more { 
    position: fixed; 
    bottom: auto; 
    top: 5px; 
    z-index:5 
} 
@media (min-width: 992px) { 
    .more { 
     bottom: 5px; 
     top:auto; 
    } 
} 
Смежные вопросы