个人中心
gpt4 book ai didi

jquery - Bootstrap 嵌套列网格无法响应地工作

转载 作者：行者123 更新时间：2023-11-28 15:19:56 25 4
gpt4 key购买 nike

我试图在 boostrap 中实现这个网格系统，但我未能实现。这就是我要实现的

enter image description here

但是div是这样相互重叠的

enter image description here

这是我的代码。

<div class="container">
    <div class="row">
    <div id="wrapper">
            <div class="col-md-12 colHeight topSpace">
        <div class="row">
            <div class="col-md-3 text-center">

            </div>
                <div class="col-md-6 text-center">
            <div class="posRel">

                <p class="col-centered">
                        <Button class="button-0 red" onClick="hintWord()">Hint</Button>
                        </p>
            </div>
    </div>

                <div class="col-md-3 text-center">

                <div class="imageArea">
            <div class="imageError">It is Working<img src="images/new.png"></div>
            <div class="imageSuccess"><img src="images/test.png"></div>
            </div>
        </div>
        </div>

        </div>
                    </div>  

        </div>
        </div>

我为包装器指定了 1300 像素的高度，这样页脚就不会与我的内容重叠。

一切都在全屏模式下工作。当我检查响应模式时，div 相互重叠。

这是我的CSS

#wrapper{
height:1300px;
}

.col-centered{

margin: 0 auto

}

最佳答案 

<body>
    <div class="container">
        <div class="row">
            <div class="col-md-3 text-center">

            </div>
            <div class="col-md-6 text-center">
                <div class="posRel">

                    <p class="col-centered">
                        <Button class="button-0 red" onClick="hintWord()">Hint</Button>
                    </p>
                </div>
            </div>
            <div class="col-md-3 text-center">
                <div class="imageArea">
                    <div class="imageError">It is Working<img src="images/new.png"></div>
                    <div class="imageSuccess"><img src="images/test.png"></div>
                </div>
            </div>
        </div>
    </div>
</body>

关于jquery - Bootstrap 嵌套列网格无法响应地工作，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/36769954/

25 4 0
文章推荐： javascript - 引导下拉菜单上的 Vue 选择样式功能
文章推荐： ios - 将数据从一个 UITableView 传递到 didSelectRow 中的另一个 UITableView？
文章推荐： css - 如何使用某些 mixin( polymer 2)设计纸张输入的样式？
文章推荐： swift - 处理 Observable.subscribe 的结果时不调用 OnNext
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com