Javascript 如何在twitter引导中使项目响应
我自己设计了一个bootstrap主题,它的响应速度非常快,屏幕尺寸会立即缩小,但当我在图像上添加一些javascript功能,使其具有悬停的覆盖,使用一些css时,图像的响应速度会发生扭曲,它永远不会缩小,我希望覆盖保持不变,请允许我请求是否有人能帮助它保持它的响应性。。。。这是下面的html代码片段和一些内联样式表,其余的样式表是twitter引导默认样式表Javascript 如何在twitter引导中使项目响应,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,我自己设计了一个bootstrap主题,它的响应速度非常快,屏幕尺寸会立即缩小,但当我在图像上添加一些javascript功能,使其具有悬停的覆盖,使用一些css时,图像的响应速度会发生扭曲,它永远不会缩小,我希望覆盖保持不变,请允许我请求是否有人能帮助它保持它的响应性。。。。这是下面的html代码片段和一些内联样式表,其余的样式表是twitter引导默认样式表 <div class="container marketing" style="padding-top: 20px;">
<div class="container marketing" style="padding-top: 20px;">
<div class="row">
<div class="span8">
<span class="label label-info">EXCLUSIVE</span>
<img id="d1" src="img-data/underage-marriage/nigeria-underage-marriage.jpg">
<div class="contenthover" style="margin-top:10%;">
<div class="row-fluid text-center" style="border-bottom:1px #CCC dashed; padding-bottom:3%;">
<div class="span8" style="border-right:1px #CCC dashed; padding-right: 2%;">
<h1 class="pull-right" style="border-bottom:1px #CCC dashed;"><img src="img/brainstorm.png"><b><i>discussion</i></b></h1>
<h1><small class="pull-right">Keep your language clean.</small></h1>
</div>
<div class="span4" style="padding-top:3%;">
<button type="button" class="btn btn-large btn-danger pull-left" data-loading-text="Loading...">View Article</button>
</div>
</div>
</div>
</div>
<div class="span4"></div>
</div>
</div>
<!-- stylesheet -->
<style>
.contenthover { padding:20px 20px 10px 20px; }
.contenthover, .contenthover h3, contenthover a { color:#fff; }
.contenthover h3,
.contenthover p {
margin:0 0 10px 0; line-height:1.4em; padding:0;
}
</style>
独家
讨论
保持你的语言整洁。
查看文章
.contenthover{padding:20px 20px 10px 20px;}
.contenthover.contenthover h3,contenthover a{color:#fff;}
.contenthover h3,
.contenthover p{
边距:0 10px 0;线条高度:1.4em;填充:0;
}
尝试使用这个类,并确保它在bootstrap.css文件(如inline)之后(我记得看到这个Stackoverflow问题可能会帮助您-如果您不使用bootstrap 3.0,这仍然会有帮助。)
}
或者,您可能必须使用类似的方式(例如)对这些图像进行单独的媒体查询
尝试将类“row”更改为“row fluid” 你能给我们看看你的样式表吗?兄弟,我为叠加框添加了一些内联样式表,其他样式表是bootsrap样式表…你能发布一个复制问题的帖子吗?只是一个小问题:请不要推荐内联CSS-这是一个可怕的实践,很难维护我完全同意。但有时人们会遇到CSS文件不覆盖引导的问题(只是在DOM中正确放置的问题&也许他们没有经验……无意冒犯OP),所以我提到它是因为我想我太懒了,无法解释我刚才解释的内容。一个公平的观点,但是做某事的最佳方式通常需要付出最大的努力。:)
img {
display: inline-block;
height: auto;
max-width: 100%;
@media (max-width: 480px) {
}