Question

我目前正在使用Express开发节点应用程序，并使用ejs渲染html页面。

当我在.ejs文件中使用引导程序时，.col-xs-*, .col-sm-*断点运行良好，但是较大宽度的断点无法按预期工作。

虽然我在.html文件中使用了引导程序并在浏览器中将其打开，但所有断点都可以正常工作。而且我尝试过包括CDN和本地的引导程序，这导致了相同的情况。无法弄清楚出了什么问题。

这是我的代码：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">   
        <link rel='stylesheet' type='text/css' href='/bootstrap.min.css'>     
        <title>
            TEST
        </title>
        <style>
            .eight{
                background-color: red;
            }
            .four{
                background-color: blue;
            }
        </style>
    </head>
    <body class='container-fluid'>
        <article class='row'>
            <div class='col-sm-8 eight'>
                8
            </div>
            <div class='col-sm-4 four'>
                4
            </div>
        </article>            
    </body>
</html>

我希望红色的div占据行的四分之三，蓝色的div占据其余的行。

对于该问题的建议和解决方案表示赞赏。（不是英语为母语的人，如果表达不清楚，对不起。）

引导断点不适用于ejs

0 个答案: