Fatal编程技术网

Twitter bootstrap 引导网格的正确使用

twitter-bootstrap

Twitter bootstrap 引导网格的正确使用,twitter-bootstrap,Twitter Bootstrap,我正在学习使用BootStrap，我真的很喜欢它的想法。 然而，我偶然发现了一个我不知道如何解决的问题。 （我试过寻找答案，试过一些版本——没有用） 事实上，这并不难，所以我很沮丧。就是这样 我有三个块，当屏幕尺寸减小时，我想转到nicenew行。但事实并非如此。代码如下： <div class="row" style="padding-top: 54px;"> <div class="col-md-4"> <div class="about

我正在学习使用BootStrap，我真的很喜欢它的想法。 然而，我偶然发现了一个我不知道如何解决的问题。 （我试过寻找答案，试过一些版本——没有用）

事实上，这并不难，所以我很沮丧。就是这样

我有三个块，当屏幕尺寸减小时，我想转到nicenew行。但事实并非如此。代码如下：

<div class="row" style="padding-top: 54px;">
    <div class="col-md-4">
        <div class="about-why-texts">
            <img src="img/icon-check.png" />
            <div>Telegram deposit system</div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="about-why-texts">
            <img src="img/icon-check.png" />
            <div>Safe and secured website</div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="about-why-texts">
            <img src="img/icon-check.png" />
            <div>Automated withdrawal system</div>
        </div>
    </div>                                  
</div>


电报存款系统
安全网站
自动取款系统
现在，当减小屏幕宽度时，它们保持与1000吨石头相同的。当屏幕缩小时，我想让他们换成3行

有谁能告诉我我做错了什么，我怎样才能纠正它

非常感谢，马瑞克。

.border{
边框：薄黑色实心；
}

电报存款系统
安全网站
自动取款系统
您似乎在html中犯了一些错误，这些错误不适合正确使用引导程序，并且与
文本中心无关，除非您不问您不能得到什么

复制下面的HTML，开始使用最小的引导文档

使用
.container fluid
作为全宽容器，覆盖视口的整个宽度



...

如果
xs
和
sm
的宽度相同，则只需指定较小的宽度（因为它适用于较大的尺寸，除非另有规定）-因此，要编写/维护较少的代码，只需
类即可=“col-md-4 col-xs-12
非常感谢！这正是我所需要的。通过阅读BStrap文档，现在我了解了它的工作原理以及问题所在：）很高兴能帮助您。你能标记答案以便关闭它吗？谷歌说我需要更多的声誉才能关闭它，哈哈。。奇怪..你可以检查正确的符号并接受答案。谢谢你提供的信息！但是我有.container类，它只是没有包含在我展示的代码中。

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->



<div class="container">
  ...
</div>



<div class="container-fluid">
  ...
</div>