gpt4 book ai didi

css - 无法将页脚放在正确的位置 - chalice 布局 - 引导网格

转载 作者:行者123 更新时间:2023-11-27 23:27:28 25 4
gpt4 key购买 nike

我尝试使用 bootstrap grod 在 chalice 布局中定位页脚,但我无法这样做。我什么都试过了

我尝试使用 bootstrap grod 在 chalice 布局中定位页脚,但我无法这样做。我什么都试过了我尝试使用 bootstrap grod 将页脚定位在 chalice 布局中,但我无法这样做。我什么都试过了

有人可以帮忙吗?` 网页, body { 高度:100%; 宽度:100%;

       .container-fluid {
border: 5px solid plum;
}

.main-row {
border: 5px solid orangered;
}

.left-sidebar {
border: 3px solid teal;
}

.nav-bar {
border: 3px solid crimson;
}

.main-right-sidebar {
border: 3px solid khaki;
padding: 0px;
}

.main-bar {
border: 3px solid greenyellow;
}

.right-sidebar {
border: 3px solid turquoise;
}

.footer {
border: 3px solid deeppink;
}

.cont {
border: 3px solid brown;
padding: 0px;
}
</style>
</head>

<body>
<div class="container-fluid h-100">
<div class="row h-100 main-row">
<div class="col-2 h-100 left-sidebar">
</div>

<div class="col-8 h-75 main-right-sidebar">
<div class="col-12 h-25 nav-bar">
</div>
<div class="col-12 h-75 main-bar">
</div>
</div>


<div class="col-2 h-75 right-sidebar">
</div>

<div class="col-10 h-25 footer">
</div>
</div>
</div>
</body>
</html>`

enter image description here

最佳答案

尝试偏移你的页脚。

<div class="col-md-10  offset-md-1 h-25 footer">
</div>

关于css - 无法将页脚放在正确的位置 - chalice 布局 - 引导网格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57684893/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com