Блог

Главная - Вопросы по программированию - Отображение содержимого в правой части страницы в виде блока в bootstrap

Отображение содержимого в правой части страницы в виде блока в bootstrap

#html #css #bootstrap-4

#HTML #css #bootstrap-4

Вопрос:

Как я могу отобразить содержимое right-info div вертикально, в правом конце моей страницы в bootstrap 4?

Я пробовал эти:

 <div class="row right-info flex-column justify-content-end">
    <div class="col-md-4  company-info-area">Col-1</div>
    <div class="col-md-4">Col-2 Below Col-1</div>
</div>
         
 <div class="row  flex-column flex-row-reverse right-info">
    <div class="col-md-4  company-info-area">Col-1</div>
    <div class="col-md-4">Col-2 Below Col-1</div>
</div>

Ответ №1:

Вы должны использовать float:right .

 .right-info {
float:right;
}

.col-md-4 {
background:red;
} 
 <div class="row right-info flex-column justify-content-end">
    <div class="col-md-4  company-info-area">Col-1</div>
    <div class="col-md-4">Col-2 Below Col-1</div>
</div>

Комментарии:

1. text-align:right просто делает текст отображаемым справа от div . Я хочу, чтобы весь div отображался справа от моего экрана

2. Неважно. Это произошло. Я случайно удалил класс right-info. Спасибо!

Метки: