Html 调整浏览器大小时对齐不正确-响应页面

我在这里使用

Bootstrap3

进行响应性页面设计。我在横幅内容中添加了一个框，其中包含一些文本，如下所示：

全新概念！

Lorem ipsum样本Lorem ipsum样本Lorem ipsum样本Lorem ipsum样本Lorem ipsum样本。。。

试试这个：

<div class="row" >
<!-- changing width to 100% with 600px maximum -->
<div class="col-md-7" style="border-left-width: 4px; top: auto; bottom: 126px; width: 100%; max-width: 600px; background: rgba(255, 255, 255, 0.6); height:130px;">
    <h1>Exclusively  New Concept!</h1>
        <p class="slider-description2">
          Lorem ipsum  sample  Lorem ipsum  sample Lorem ipsum  sample Lorem ipsum  sample Lorem ipsum  sample...
        </p>                            
</div>                              

---

您确实需要阅读更多有关引导如何工作的信息，尽管这不是一个好的使用方法，但首先，如果您正在使用引导，您不应该为div指定宽度

<div class="col-md-7" style="...width: 600px...

---

尝试稍作改动的解决方案

演示


此处使用的CSS将在bootstrap.CSS之后应用*/
#适度滑动{
位置：相对位置；
}
.滑块标题{
位置：绝对位置；
底部：0；
边缘底部：20px；
}

全新概念！

Lorem ipsum样本Lorem ipsum样本Lorem ipsum样本Lorem ipsum样本Lorem ipsum样本。。。

您正在添加一个固定宽度：

宽度：600px因此它不会低于该宽度，因此可能比您的手机更大view@DarrenSweeney，Ty buddy，我如何解决这个问题？我甚至删除了宽度参数，但仍然不起作用。我是新手，请帮忙试试：
width:100%；最大宽度：600px@DarrenSweeney我正在使用top:auto；同样的问题也会影响那里。尝试过，但顶部：自动；也制造了问题！！取下-删除该框与标题合并，请帮助buddyI诚实地说，我不知道这意味着什么，你需要发布更多的代码。实际问题是，它在调整大小时与标题合并！！我试过这样的上衣=100%；最大上限：-140px@Santhucool最好在提问时附上一张快照。它将帮助你快速得到答案。只是一个建议，不介意。这很好，但当我调整大小时，它仍然与页眉接触@这可能是因为头球。我可能能够帮助你，如果可能的话，分享linkBuddy我有3个滑块，需要在不同的位置放置框，将在这里粘贴全屏代码：1。2.3.伙计@我已经从答案中删除了内联css
。您应该为此构建公共CSS类
<div class="col-md-7" style="...width: 600px...