Html 缩放到移动时，文本从div中流出

我所做的布局需要在移动屏幕上可见。目前，当我缩小到手机或在iPhone5上查看网站时，文本较长的div就会到处都是

因为我把所有的东西都包装在div中，我称之为section0，section1等等，我认为设置这些的高度会有帮助，但这没有帮助。背景会改变，但溢出的文本只会停留在原处。在这些部分中有页面容器，但是设置这些容器的高度也没有帮助

我在这里有点不知所措，因为这个问题只发生在最下面的3个div中

我的部门是这样建立起来的

     <div class="section" id="section3">
     <div class="row">
      <div class="col-lg-6 werkwijze">
            <h1>Lorem Psum</h1>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris gravida aliquam odio. Duis elementum nisl vel libero molestie, in varius nisi venenatis. Maecenas se</p>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris gravida aliquam odio. Duis elementum nisl vel libero molestie, in varius nisi venenatis. Maecenas se</p>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris gravida aliquam odio. Duis elementum nisl vel libero molestie, in varius nisi venenatis. Maecenas se</p>

            <h1>Lorem Psum</h1>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris gravida aliquam odio. Duis elementum nisl vel libero molestie, in varius nisi venenatis. Maecenas se</p>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris gravida aliquam odio. Duis elementum nisl vel libero molestie, in varius nisi venenatis. Maecenas se</p>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris gravida aliquam odio. Duis elementum nisl vel libero molestie, in varius nisi venenatis. Maecenas se</p>

  </div>
 </div> <!-- end col -->
</div> <!-- end row -->
<div class="row">
    <div class="col-lg-5 botlogo">
    <div class="left"><img src="css/images/logo4.png"></div><div class="right"><h3>LOREM IPSUM</h3><h4>dolor sit amet</h4></div>
    </div><!-- end col -->
</div> <!-- end row -->
</div> <!-- end sec -->

共有6个部分（0-5），第3部分开始出错

---

我试图添加一个提琴，但由于某种原因，我无法重现问题，也无法共享原始网站。我希望有人能认识到这个问题，并能帮助我。

根据您发布的代码片段，您有一个额外的

，可能会导致您的问题（我在下面放了一个箭头）：

洛雷姆Psum
Lorem ipsum dolor sit amet，是一位杰出的献身者。毛里斯孕妇阿利奎姆·奥迪奥。在威尼斯的葡萄品种中，有两种不同的葡萄品种。梅塞纳斯东南部

Lorem ipsum dolor sit amet，是一位杰出的献身者。毛里斯孕妇阿利奎姆·奥迪奥。在威尼斯的葡萄品种中，有两种不同的葡萄品种。梅塞纳斯东南部

Lorem ipsum dolor sit amet，是一位杰出的献身者。毛里斯孕妇阿利奎姆·奥迪奥。在威尼斯的葡萄品种中，有两种不同的葡萄品种。梅塞纳斯东南部

洛雷姆Psum
Lorem ipsum dolor sit amet，是一位杰出的献身者。毛里斯孕妇阿利奎姆·奥迪奥。在威尼斯的葡萄品种中，有两种不同的葡萄品种。梅塞纳斯东南部

Lorem ipsum dolor sit amet，是一位杰出的献身者。毛里斯孕妇阿利奎姆·奥迪奥。在威尼斯的葡萄品种中，有两种不同的葡萄品种。梅塞纳斯东南部

Lorem ipsum dolor sit amet，是一位杰出的献身者。毛里斯孕妇阿利奎姆·奥迪奥。在威尼斯的葡萄品种中，有两种不同的葡萄品种。梅塞纳斯东南部

不幸的是，这并没有造成问题，但感谢您的注意！嗯，那太不幸了。对于那些到处都有文本的类，你的CSS定义是什么？如果您将它放在JSFIDLE中，那么希望其他人能够帮助您，因为不幸的是，我的工作使用的是过时的浏览器，不能与JSFIDLE一起工作。。。
.page_container {
        height:100% !important;
        display:block;
    }
#section3{
        background: none;
        border-bottom: 2px solid #8f8f8f;
        height:100%;
    }

     <div class="section" id="section3">
     <div class="row">
      <div class="col-lg-6 werkwijze">
            <h1>Lorem Psum</h1>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris gravida aliquam odio. Duis elementum nisl vel libero molestie, in varius nisi venenatis. Maecenas se</p>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris gravida aliquam odio. Duis elementum nisl vel libero molestie, in varius nisi venenatis. Maecenas se</p>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris gravida aliquam odio. Duis elementum nisl vel libero molestie, in varius nisi venenatis. Maecenas se</p>

            <h1>Lorem Psum</h1>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris gravida aliquam odio. Duis elementum nisl vel libero molestie, in varius nisi venenatis. Maecenas se</p>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris gravida aliquam odio. Duis elementum nisl vel libero molestie, in varius nisi venenatis. Maecenas se</p>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris gravida aliquam odio. Duis elementum nisl vel libero molestie, in varius nisi venenatis. Maecenas se</p>

  </div>   <------------------------- This one seems like an extra
 </div> <!-- end col -->
</div> <!-- end row -->
<div class="row">
    <div class="col-lg-5 botlogo">
    <div class="left"><img src="css/images/logo4.png"></div><div class="right"><h3>LOREM IPSUM</h3><h4>dolor sit amet</h4></div>
    </div><!-- end col -->
</div> <!-- end row -->
</div> <!-- end sec -->