Добавить плавающий div во всплывающем окне
Я хочу несколько карточек в модальной форме начальной загрузки.
В модальном режиме мне нужны карточки в два столбца, для этого я использую класс «col-md-5».
.mycard.col-md-5
card contents
But class "col-md-5" add a property Float:left in the cards.
Из-за чего карты It will отображались за пределами модального всплывающего окна
Любая помощь будет оценена по достоинству.
попробуйте overflow: auto или float: none в родительском div
Ответы 4
Вы должны очистить поплавки под 4-мя блоками. Попробуйте этот код.
<div class = "mycard col-md-5">
content
</div>
<div class = "mycard col-md-5">
content
</div>
<div class = "mycard col-md-5">
content
</div>
<div class = "mycard col-md-5">
content
</div>
<div class = "clear"></div>
.clear {
clear: both;
}
Пожалуйста, используйте clearfix, чтобы избежать показа за пределами модального всплывающего окна
<div class = "col-md-5">
</div>
<div class = "col-md-5">
</div>
<div class = "clearfix"></div>
пожалуйста, используйте clearfix, это поможет вам
использование bootstrap clearfix будет работать везде и уменьшить ненужный css. попробуйте, как только он заработает, иначе игнорируйте
используйте class = "row" перед col
<div class = "row">
<div class = "col-md-5">
</div>
<div class = "col-md-5">
</div>
<div class = "col-md-5">
</div>
<div class = "col-md-5">
</div>
</div>
используйте overflow: hidden css в строке класса div или родительском элементе div col-md-5, это решит проблему.