css - 引导网格不起作用?

标签 css bootstrap-4

我正在加载 Bootstrap 网格以使我的网站响应。但是,我的 div 没有对模板使用react。这个想法是,在标准的 macbook 或大屏幕上,div 覆盖页面的三分之一。在移动设备上 100%。我的代码有什么问题。我是否加载了 Bootstrap ?

 <html>
        <head>
            <link rel="stylesheet" type="text/css" href="./css/style.css">
            <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
            <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
            <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
        </head>
        <body>
            <div class="row">
                <div class"col-sm-12 col-lg-4 col-md-4" id="homeDiv1">
                </div>
                <div class"col-sm-12 col-lg-4 col-md-4" id="homeDiv2">
                </div>
                <div class"col-sm-12 col-lg-4 col-md-4" id="homeDiv3">
                </div>
            </div>
        </body>
        </html>

最佳答案

你的类需要一个等号。

代替

class"col-sm-12 col-lg-4 col-md-4"

你需要

class="col-sm-12 col-lg-4 col-md-4"

关于css - 引导网格不起作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46551525/

相关文章:

javascript - Golang 和 HTML5/CSS/JavaScript(ANDROID 应用程序)

jquery - float 清除不工作

html - 以页面为中心的 div 的安全内容

html - 在 spring mvc 中使用 thymeleaf 引用 .css 文件

CSS3 转换 - 模糊和闪烁问题 - 在具有奇数像素的容器上

python - django-crispy-forms 的替代品

javascript - 使用jquery滚动页面时添加bootstrap类

reactjs - reactstrap 警报自动隐藏

html - Bootstrap 相对于屏幕尺寸调整图像大小

javascript - 选择框 CSS 和 HTML 的样式