Html 使用bootstrap的响应式布局

这是我的密码。我希望它对所有设备都能做出响应，但目前它还没有做出响应。我需要做哪些更改才能使其具有响应性。

如果您使用的是引导，并且代码正确，那么它应该具有响应性。代码中还缺少2个结束div标记

这是一把小提琴：

您的代码应该如下所示：

    <div class="jumbotron vertical-center bgpurpletextoffwhite"> 
        <div class="container">
            <div class="row">
                <div class="col-xs-2 col-sm-5 col-md-5">
                </div>
                <div class="col-xs-3 col-sm-1 col-md-1">
                  <img src="./assets/images/pmflogo-transparent.png"/>
                </div>
                <div class="col-xs-7 col-sm-6 col-md-6">
                 <br>
                    <h3>Put Me First </h3>
                </div>
           </div>

---

您缺少两个收尾div。请向我们展示您的输出，并描述您想要它的准确程度。@vs_9如果您包含相关的css规则，而不是整个css表，而只是此处引用的类，会更容易。如果用户当前未使用引导，则无需下载引导、查找css以及相关规则。随着我重新调整浏览器窗口的大小，图像和文本之间的距离不断变化。我希望两者之间的距离在任何位置都保持固定/恒定。bootstrap col函数用于响应。下面是一个很好的解释它是如何工作的：。如果您不想更改大小，请尝试在div上使用x列-*或尝试在css中为div指定静态宽度值。我使用的图像链接是-s30.postimg.org/ozhb3rw8t/pmflogo.pngw您在挣扎什么？你能把你的问题简单地说一下吗？

<div class="jumbotron vertical-center bgpurpletextoffwhite"> 
    <div class="container">
        <div class="row">
            <div class="col-xs-2 col-sm-5 col-md-5">
            </div>
            <div class="col-xs-3 col-sm-1 col-md-1">
                <img src="s30.postimg.org/ozhb3rw8t/pmflogo.png"/>
            </div>
            <div class="col-xs-7 col-sm-6 col-md-6">
                <br />
                <h3>Put Me First </h3>
            </div>
        </div> <!-- Close div for .row -->
     </div> <!-- Close div for .container -->
</div> <!-- Close div for .jumbotron -->