Bootstrap 3.0设置子div

时间:2016-03-24 12:57:36

标签: html css html5 twitter-bootstrap css3

我有一个div块,我需要在该部分的底部显示一个块,无论上面的部分是否为空,内部div应该在底部div中如同附加

enter image description here

这就是我正在做的事情

<div class="col-md-6 col-xs-6" style="position:relative; min-height:300px;">
  Content for upper section 

  <div class="row" style="position:absolute; bottom:0 !important;">
      <div class="col-xs-12">
        Div in footer  section of the parent div 
      </div>
  </div>
</div>

我期望即使f顶部底部div中没有​​内容也应该在父div的页脚中,而不是从顶部开始,如附加图像但不是这样,请帮我解决< / p>

2 个答案:

答案 0 :(得分:1)

检查你的拼写,这是一个错字:

将位置更改为位置

答案 1 :(得分:0)

你必须有一些自定义样式,因为我刚刚测试了你的代码并且它有效。行类按原样粘在底部。

顺便说一句,所有col- *类都是通过bootstrap默认位置相对的。无需在样式标记中指定它。