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
。您应该编写覆盖引导样式的样式。谢谢,使用了表格单元格
方案,效果很好。另外,感谢您解释无法更改引导文件。谢谢,使用了表格单元格
方案,效果很好。另外,感谢您解释无法更改引导文件。