如何在 Bootstrap 中叠加？

我正在使用引导程序，我有一个锚标记一些我想覆盖在另一个文本区域的一角的文本。问题是，引导列正在浪费空间。下面是 id 现在正在做的事情，突出显示了 div，下面是我希望文本如何流动：

当前的

 <div id="mainWrapper" class="wrapper">
    <div class="content-main">
        <div class="container-fluid">
            <div class="row">
                <div class="col-xxs-12 col-xs-10">
                    <p>Chuck Norris challenged Spain to a football match and won Chuck Norris can win a game of Connect Four in only three moves. Chuck Norris does not sleep. He waits. The Great Wall of China was originally created to keep Chuck Norris out. It failed miserably, Chuck Norris is the reason why Waldo is hiding, Chuck Norris drives an ice cream truck covered in human skulls. When Chuck Norris went to Vegas, Sinatra sang "Your Way.", Remember the Soviet Union? They decided to quit after watching a DeltaForce marathon on Satellite TV Chuck Norris counted to infinity - twice. </p>
                </div>
                <div class="col-xxs-12 col-xs-2 semi-transparent">
                    <a html="www.google.com">Spanish</a>
                </div>
            </div>
        </div>
    </div>
</div>

所需选项 1（包装）

所需选项 2（浮动在顶部）

最好的方法是什么？

原文由 Daryl 发布，翻译遵循 CC BY-SA 4.0 许可协议

阅读 312

<div class="col-xxs-12 col-xs-10"> <div class="close"> <a html="www.google.com">Spanish</a> </div> <p>Chuck Norris challenged Spain to a football match and won Chuck Norris can win a game of Connect Four in only three moves. Chuck Norris does not sleep. He waits. The Great Wall of China was originally created to keep Chuck Norris out. It failed miserably, Chuck Norris is the reason why Waldo is hiding, Chuck Norris drives an ice cream truck covered in human skulls. When Chuck Norris went to Vegas, Sinatra sang "Your Way.", Remember the Soviet Union? They decided to quit after watching a DeltaForce marathon on Satellite TV Chuck Norris counted to infinity - twice. </p> </div>

<html> <body> <div class='container'> <div class="row"> <div class="col-md-10" style='background:red'> asfdsafsasadsfa<br> asfdsafsasadsfa<br> asfdsafsasadsfa<br> asfdsafsasadsfa<br> </div> <div class="col-md-2" style='background:yellow'>SPANISH</div> </div> <div class="row"> <div class="col-md-12" style='background:blue'> asfdsafsasadsfa<br> asfdsafsasadsfa<br> asfdsafsasadsfa<br> asfdsafsasadsfa<br> </div> <div class="col-md-1 col-md-push-9" style='background:green;position:absolute;'>SPANISH</div> </div> </div> </div> </body> </html>

如何在 Bootstrap 中叠加？

当前的

所需选项 1（包装）

所需选项 2（浮动在顶部）

你尚未登录，登录后可以

CSS如何让指定的某个Tag不显示（比如：display=none），但是还是占有位置呢？

如何实现类似豆包的AI改写框跟随内容滚动效果？

body :first-child(不是body:first-child，中间有空格)伪类选择器到底选中了什么元素？

问一个鼠标滚动事件，这种是怎么实现的？

如何在CSS中实现滚动条不溢出圆角框？

form对象根据表单dom元素的name属性获取元素对象是基于什么标准的？兼容性如何？

请问，是否可以设定Table的宽度，或者不让其超过父容器呢？

Stack Overflow 翻译