Javascript 图像上的文本在引导中没有响应
我有一张图片,在上面我在图片的左右两侧放置了一些标题,如下图所示Javascript 图像上的文本在引导中没有响应,javascript,css,twitter-bootstrap,Javascript,Css,Twitter Bootstrap,我有一张图片,在上面我在图片的左右两侧放置了一些标题,如下图所示 <div class="container-fluid no-padding"> <div class="row"> <div class="col-md-12"> <div class="col-sm-3 text-center image-overlapping"> <h1>Hello Suarj</h1>
<div class="container-fluid no-padding">
<div class="row">
<div class="col-md-12">
<div class="col-sm-3 text-center image-overlapping">
<h1>Hello Suarj</h1>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ullam omnis, ipsum eveniet minus amet.
</div>
<img src="http://oi65.tinypic.com/15oi0w9.jpg" class="ls-bg" alt="Slide background" style="width:100%; height:auto;">
<div class="col-sm-3 text-center image-overlapping right">
<h1>Hello Suarj</h1>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ullam omnis, ipsum eveniet minus amet.
</div>
</div>
</div>
你好,苏亚尔
Lorem ipsum dolor sit amet,奉献精英。乌拉姆·奥姆尼斯,伊普苏姆·埃文尼特减去阿梅特。
你好,苏亚尔
Lorem ipsum dolor sit amet,奉献精英。乌拉姆·奥姆尼斯,伊普苏姆·埃文尼特减去阿梅特。
这对我来说效果很好,但对手机来说没有反应。我该怎么做呢
小提琴也一样。给你答案
你好,苏亚尔
Lorem ipsum dolor sit amet,奉献精英。乌拉姆·奥姆尼斯,伊普苏姆·埃文尼特减去阿梅特。天意已定,我的劳动和生活都是美好的!这是我的错!哎呀,我们必须要有一个完整的选择。
你好,苏亚尔
Lorem ipsum dolor sit amet,奉献精英。乌拉姆·奥姆尼斯,伊普苏姆·埃文尼特减去阿梅特。天意已定,我的劳动和生活都是美好的!这是我的错!哎呀,我们必须要有一个完整的选择。
这是您的解决方案
你好,苏亚尔
Lorem ipsum dolor sit amet,奉献精英。乌拉姆·奥姆尼斯,伊普苏姆·埃文尼特减去阿梅特。天意已定,我的劳动和生活都是美好的!这是我的错!哎呀,我们必须要有一个完整的选择。
你好,苏亚尔
Lorem ipsum dolor sit amet,奉献精英。乌拉姆·奥姆尼斯,伊普苏姆·埃文尼特减去阿梅特。天意已定,我的劳动和生活都是美好的!这是我的错!哎呀,我们必须要有一个完整的选择。
所以我添加了这个媒体查询
@media (max-width: 480px){
.image-overlapping {position: relative; top : 0 !important;}
}
并将col-xs-12
添加到包含我的标题的div中
它对我有用。谢谢你的帮助。所以我添加了这个媒体查询
@media (max-width: 480px){
.image-overlapping {position: relative; top : 0 !important;}
}
并将col-xs-12
添加到包含我的标题的div中
它对我有用。谢谢您的帮助。标题在哪里?没有文本。你可以看看媒体查询。当您在移动视图等方面遇到问题时,它们可以帮助您。现在更新了问题。尝试将所有内容放在单独的
div
元素中??使用引导列属性
。这就是我想知道的…标题在哪里?没有文本。你可以看看媒体查询。当您在移动视图等方面遇到问题时,它们可以帮助您。现在更新了问题。尝试将所有内容放在单独的div
元素中??使用bootstrap column属性
。这就是我想知道的方法……尽管我建议使用媒体查询,但您应该看看Shiladitya解决方案(或者至少感谢他),他的解决方案似乎更清晰,而且是更好的;)尽管我建议使用媒体查询,但你应该看看Shiladitya的解决方案(或者至少感谢他),他的解决方案似乎更清晰,而且是更好的;)看起来不错。但标题下方的文字字体看起来很小。。我们怎么能改变呢?看起来不错。但标题下方的文字字体看起来很小。。我们如何改变这一点?