gpt4 book ai didi

html - 良好边距和 100% 宽度的 Bootstrap 代码

转载 作者:行者123 更新时间:2023-11-28 15:44:36 26 4
gpt4 key购买 nike

如何在 Bootstrap 中创建一个元素,该元素通常会在一侧(左侧)等宽,而在另一侧保持 100% 的宽度?

.maksymalnaszerokosc {
max-width: 1170px;
margin-left: auto;
margin-right: auto;
}
<div class="container-fluid">
<div class="row maksymalnaszerokosc">
<div class="col-sm-6">text 1</div>
<div class="col-sm-6">text 2 </div>
</div>
</div>

<div class="container-fluid">
<div class="row">
<div class="col-sm-6">nice same line text 1</div>
<div class="col-sm-6">Full width to right</div>
</div>
</div>

See this image how to must work

最佳答案

首先,您必须将类添加到“右侧全宽”列 div,然后给它一个 position:absolute; right:0%; 在 css 中,

引导:http://www.bootply.com/ukGiye0V6Y

希望对您有所帮助,Cheerio!

关于html - 良好边距和 100% 宽度的 Bootstrap 代码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43027244/

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