Jquery 我的img div在另一个div中浮动

Jquery 我的img div在另一个div中浮动,jquery,html,css,twitter-bootstrap,Jquery,Html,Css,Twitter Bootstrap,我试图让我的引导程序img responsive进入div的底部,但无论我做什么,它都不会移动。我已尝试将img responsiveCSS文件设置高度:更改为0,将底部:更改为0,但没有解决问题。 我是新手,可能遗漏了什么,所以请宽容 .img响应, .thumbnail>img, .a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img{ 显示:块; 最大宽度:100%; 身高:0; 底部:0; } 如评论所述,您不应直

我试图让我的引导程序
img responsive
进入div的底部,但无论我做什么,它都不会移动。我已尝试将
img responsive
CSS文件设置
高度:
更改为
0
,将
底部:
更改为
0
,但没有解决问题。 我是新手,可能遗漏了什么,所以请宽容


.img响应,
.thumbnail>img,
.a>img,
.carousel-inner>.item>img,
.carousel-inner>.item>a>img{
显示:块;
最大宽度:100%;
身高:0;
底部:0;
}

如评论所述,您不应直接更新引导css文件。您应该创建自己的自定义CSS样式表并更新它

根据您提供的代码(并不多),有几种方法可以使您的图像显示在容器底部

CSS使用
表格单元格

.yourcustomclassname {
    display: table-cell;
    vertical-align: bottom;
}
CSS使用
绝对
定位:

.yourcustomclassname {
    display: block;
    position: relative;
}

.yourcustomclassname img {
    position: absolute;
    bottom: 0;
    left: 0;
}
HTML将与以下内容相同:

<div class="col-md-9 hidden-sm yourcustomclassname">
    <img src="img/valencia.png" class="img-responsive animated fadeInRight" alt="mockup">
</div>


希望这足以让您根据提供的代码开始使用。

如评论所述,不应直接更新引导css文件。您应该创建自己的自定义CSS样式表并更新它

根据您提供的代码(并不多),有几种方法可以使您的图像显示在容器底部

CSS使用
表格单元格

.yourcustomclassname {
    display: table-cell;
    vertical-align: bottom;
}
CSS使用
绝对
定位:

.yourcustomclassname {
    display: block;
    position: relative;
}

.yourcustomclassname img {
    position: absolute;
    bottom: 0;
    left: 0;
}
HTML将与以下内容相同:

<div class="col-md-9 hidden-sm yourcustomclassname">
    <img src="img/valencia.png" class="img-responsive animated fadeInRight" alt="mockup">
</div>


希望这足以让您根据所提供的代码开始学习。

您是否尝试过给它
位置:绝对
??正如@Sushil所说,如果没有
位置:
绝对值,
bottom
属性将无法工作
set.@Webster19.98试试这把小提琴,我建议不要编辑
bootstrap.css
。您应该编写覆盖引导样式的样式
??正如@Sushil所说,如果没有
位置:
绝对值,
bottom
属性将无法工作
set.@Webster19.98试试这把小提琴,我建议不要编辑
bootstrap.css
。您应该编写覆盖引导样式的样式。谢谢,使用了
表格单元格
方案,效果很好。另外,感谢您解释无法更改引导文件。谢谢,使用了
表格单元格
方案,效果很好。另外,感谢您解释无法更改引导文件。