在弹出窗口中添加浮动div

时间:2018-04-17 05:01:25

标签: html css twitter-bootstrap-3 frontend

我想在bootstrap模态窗体上使用一些卡片。

在模态中,我想要两列中的卡片,因为我使用了“col-md-5”类

.mycard.col-md-5 card contents

  

但是课程“col-md-5”会在卡片中添加 Float:left 属性。

由于它会在模式弹出窗口之外显示卡片

enter image description here

任何帮助将不胜感激。

4 个答案:

答案 0 :(得分:1)

感谢@ Chilll007

overflow:hidden添加到父div完成了这项工作。

enter image description here

答案 1 :(得分:0)

你应该清除4个div下方的花车。试试这段代码。

library(vegan)
library(lsmeans)

data(dune)
data(dune.env)

man<-adonis2(dune ~ Management*A1, data = dune.env)

lsmeans(man,pairwise ~ Management:A1,adjust="tukey")

Error in ref.grid(object = list(Df = c(3, 1, 3, 12), SumOfSqs = c(1.46859175179317,  : 
  Can't handle an object of class  “anova.cca” 
 Use help("models", package = "lsmeans") for information on supported models.

答案 2 :(得分:0)

请使用clearfix以避免在模态弹出窗口之外显示

<div class="col-md-5">
</div>
<div class="col-md-5">
</div>
<div class="clearfix"></div>

请使用 clearfix 这将对您有所帮助

答案 3 :(得分:0)

在col

之前使用class="row"
<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>