Javascript 如何使用jQuery设置底部div的按钮

Javascript 如何使用jQuery设置底部div的按钮,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,在我的HTML中,我使用了divine into 2col-md-6,左侧是图片,右侧是文本,不确定是否应该使用jQuery.height() 标题 信息 促销说明 //我希望它显示在div图像的底部 问询处 给你一个解决方案 标题 信息 促销说明 问询处 给你一个解决方案 标题 信息 促销说明 问询处 这不需要JS,只需要CSS。在父div上设置位置:相对,并且位置:绝对;底部:0在按钮上。还要注意,HTML至少有一种语法error@RoryMcCrossan我尝试在div=“ro

在我的HTML中,我使用了divine into 2
col-md-6
,左侧是图片,右侧是文本,不确定是否应该使用jQuery
.height()


标题
信息
促销说明

//我希望它显示在div图像的底部 问询处
给你一个解决方案


标题
信息
促销说明

问询处
给你一个解决方案


标题
信息
促销说明

问询处

这不需要JS,只需要CSS。在父div上设置
位置:相对
,并且
位置:绝对;底部:0在按钮上。还要注意,HTML至少有一种语法error@RoryMcCrossan我尝试在div=“row”和绝对中定位相对;底部0在我的底部,可以,但问题是2 col-md-6的高度不一样。在这种情况下,您可以编辑您的问题以显示问题的工作示例,其中显示了所有HTML和CSS。现在几乎不可能解决我们看不到的问题。根据您的要求更新此小提琴。你想匹配两个兄弟div的高度吗?@Krishna9960谢谢你不需要JS,只需要CSS。在父div上设置
位置:相对
,并且
位置:绝对;底部:0在按钮上。还要注意,HTML至少有一种语法error@RoryMcCrossan我尝试在div=“row”和绝对中定位相对;底部0在我的底部,可以,但问题是2 col-md-6的高度不一样。在这种情况下,您可以编辑您的问题以显示问题的工作示例,其中显示了所有HTML和CSS。现在几乎不可能解决我们看不到的问题。根据您的要求更新此小提琴。你想匹配两个兄弟div的高度吗?@Krishna9960 thanksHow我可以把我的按钮放在col-md-6(左侧)@user8663822你在代码中提到的div图像底部的
。请让我知道你在找什么。如果你想把它放在左边,就这样在包装按钮div中设置你的类。如果你想把你的按钮放在右边,把你的类放在包装按钮的div中,就像这样。根据sulotion@Shiladitya向您提供的信息。你必须改变你的分区安排。您应该了解更多关于引导网格的信息。我尝试放置信息按钮=div图像的高度@Shiladitya@user8663822欢迎好友:)给我一些时间,我会为你提供一个最好的解决方案。我如何才能将我的按钮放在col-md-6(左侧)@user8663822中,你在代码中提到了div图像的底部。请让我知道你在找什么。如果你想把它放在左边,就这样在包装按钮div中设置你的类。如果你想把你的按钮放在右边,把你的类放在包装按钮的div中,就像这样。根据sulotion@Shiladitya向您提供的信息。你必须改变你的分区安排。您应该了解更多关于引导网格的信息。我尝试放置信息按钮=div图像的高度@Shiladitya@user8663822欢迎朋友:)给我一些时间,我会给你一个最好的解决方案。希望你明白我们在这里做了什么。我们将行设置为相对,按钮设置为绝对。快乐编码:)希望你明白我们在这里做了什么。我们将行设置为相对,按钮设置为绝对。快乐编码:)
<div class="row" style="margin-bottom: 50px">
   <div class="col-md-6 col-xs-6">
      <div style="background-color:red;height:456px;"></div>
   </div>
   <div class="col-md-6 col-xs-6" style="text-align: right;">
      <h1 id="head-font" style="font-weight: bolder; margin: 0;">TITLE</h1>
      <label id="p-font" class="text-font">INFO</label>
      <p class="title text-font" id="p-font" >promotion description</p>
      // this buttuon I want it to display at bottom of div image
   </div>
   <button type="submit" id="but">
   Information
   </button>
</div>


//CSS Code


.row{
  position: relative;
}
#but{
  position: absolute;
  bottom:0;
  right: 3%;
}
#but {
    position: absolute;
    bottom: 0;
    left: 37%;
}