Javascript 如何在bootstrap 4上进行响应性布局_Javascript_Html_Css_Bootstrap 4

Javascript 如何在bootstrap 4上进行响应性布局

javascript html css bootstrap-4

Javascript 如何在bootstrap 4上进行响应性布局,javascript,html,css,bootstrap-4,Javascript,Html,Css,Bootstrap 4,当前该网页的外观如下所示：现在，将容器调整为移动屏幕柔性柱： html: Bootstrap 4响应式布局示例使用我们的NHS放心面罩保护您的业务设计时考虑到小心和舒适我们创新的面部护目镜在设计时考虑到了护理、舒适和个性化。专为在新冠肺炎期间提供帮助而开发的产品，可以确保您的产品符合NHS标准，从而保护您的企业、员工和您我们独特的RAMFOAM护理工艺与我们的护目镜一样安全我们可以根据您公司的颜色为您的面罩打上品牌，并安全可靠地为您提供数十万个面罩。我们的过程和我们的面罩

当前该网页的外观如下所示：

现在，将容器调整为移动屏幕柔性柱：

html:


Bootstrap 4响应式布局示例
使用我们的NHS放心面罩保护您的业务
设计时考虑到小心和舒适

我们创新的面部护目镜在设计时考虑到了护理、舒适和个性化。专为在新冠肺炎期间提供帮助而开发的产品，可以确保您的产品符合NHS标准，从而保护您的企业、员工和您


我们独特的RAMFOAM护理工艺与我们的护目镜一样安全
我们可以根据您公司的颜色为您的面罩打上品牌，并安全可靠地为您提供数十万个面罩。我们的过程和我们的面罩一样安全。我们已经创造了一个独特的舒适，可调节和可重复使用的PPE项目的特点
一种经医学批准的低过敏性泡沫头盔，带有完全可更换的防雾遮阳板系统，分两部分交付，便于储存和自组装
用业内最优秀的人才保护您的企业
在五个工作日内接待您的护目镜我们创新的面部护目镜在设计时考虑到了护理、舒适和个性化。专为在新冠肺炎期间提供帮助而开发的产品，您可以确保产品符合NHS标准，这将
保护您的企业、员工和您。



联系销售
请通过下面的表格向我们发送电子邮件，我们将在24小时内联系
提交

试试这个。这是最基本的形式

<html>
...
<body>
     <div class="container">
          <div class="row">
              <div class="col-md-12 col-sm-12 col-xs-12">...</div>
          </div>
          <div class="row">
              <div class="col-md-4 col-sm-4 col-xs-4">...</div>
              <div class="col-md-4 col-sm-4 col-xs-4">...</div>
              <div class="col-md-4 col-sm-4 col-xs-4">...</div>
          </div>
     <div>
</body>
</html>


...
...
...
...
...

另外，我认为您可能会发现，在

Bootstrap

中查看

container

和

container fluid

之间的差异以及

行和列的定义可能会有所帮助。这是一个非常简单的概念。
行和列需要用一个容器来包装，.container
或.container fluid
。好的，那么下一步如果我放在容器中？不可能这样解释引导网格，您必须阅读引导4文档，或者只是复制和修改引导示例。