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的解决方案(或者至少感谢他),他的解决方案似乎更清晰,而且是更好的;)看起来不错。但标题下方的文字字体看起来很小。。我们怎么能改变呢?看起来不错。但标题下方的文字字体看起来很小。。我们如何改变这一点?