Html 如何在引导中覆盖?

Html 如何在引导中覆盖?,html,css,twitter-bootstrap,twitter-bootstrap-3,Html,Css,Twitter Bootstrap,Twitter Bootstrap 3,我正在使用引导,我有一个锚定标签,我想覆盖在另一个文本区域的一个角落里的一些文本。问题是,引导列正在浪费空间。下面是id现在正在做的事情,以及div的突出显示,下面是我希望文本的流动方式: 现在的 查克·诺里斯向西班牙发起了一场足球比赛的挑战,并赢得了比赛。查克·诺里斯只用三步就可以赢得一场四人连胜的比赛。查克·诺里斯不睡觉。他等待着。中国的长城最初是为了阻止查克·诺里斯进入。它失败得很惨,查克·诺里斯是沃尔多躲藏起来的原因,查克·诺里斯开着一辆覆盖着人类头骨的冰淇淋车。查克·诺里斯去维加斯

我正在使用引导,我有一个锚定标签,我想覆盖在另一个文本区域的一个角落里的一些文本。问题是,引导列正在浪费空间。下面是id现在正在做的事情,以及div的突出显示,下面是我希望文本的流动方式:

现在的


查克·诺里斯向西班牙发起了一场足球比赛的挑战,并赢得了比赛。查克·诺里斯只用三步就可以赢得一场四人连胜的比赛。查克·诺里斯不睡觉。他等待着。中国的长城最初是为了阻止查克·诺里斯进入。它失败得很惨,查克·诺里斯是沃尔多躲藏起来的原因,查克·诺里斯开着一辆覆盖着人类头骨的冰淇淋车。查克·诺里斯去维加斯时,西纳特拉唱了《你的路》,还记得苏联吗?在卫星电视上观看了德尔塔福斯马拉松比赛后,他们决定退出。查克·诺里斯数到了无穷大——两次

所需选项2(浮动在顶部)


最好的方法是什么?

所需选项2

只需将另一个div所在的div设置为
position:relative
然后将叠加div放置在
位置:绝对
顶部
右侧
,等您需要的地方

.main{
位置:相对位置;
高度:150像素;
背景:#333;
}
.覆盖{
位置:绝对位置;
排名:0;
右:0;
高度:25px;
宽度:25px;
背景:绿色;
}

请查看我的代码笔:


asfdsafsadsfa
asfdsafsadsfa
asfdsafsadsfa
asfdsafsadsfa
西班牙文 asfdsafsadsfa
asfdsafsadsfa
asfdsafsadsfa
asfdsafsadsfa
西班牙文

另外,请参见以下内容:

引导程序有一个用于关闭按钮的类,恰好位于顶部,正如您所希望的那样。这可能有用。像这样使用它:

<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>

西班牙的
查克·诺里斯向西班牙发起了一场足球比赛的挑战,并赢得了比赛。查克·诺里斯只用三步就可以赢得一场四人连胜的比赛。查克·诺里斯不睡觉。他等待着。中国的长城最初是为了阻止查克·诺里斯进入。它失败得很惨,查克·诺里斯是沃尔多躲藏起来的原因,查克·诺里斯开着一辆覆盖着人类头骨的冰淇淋车。查克·诺里斯去维加斯时,西纳特拉唱了《你的路》,还记得苏联吗?在卫星电视上观看了德尔塔福斯马拉松比赛后,他们决定退出。查克·诺里斯数到了无穷大——两次


您可能可以向其中添加另一个类来覆盖它。

请发布您尝试过的代码。@j08691,我正在发布我所拥有的,但是这个页面是全新的,所以我对任何事情都持开放态度。只需要一个有效的方式来转换西班牙语和英语版本的销售电话代理脚本。选项1它是!很高兴这有帮助。它似乎能正确地环绕文本,但如果你想让它与图像重叠(如卡片内部),你可能需要类似保罗的答案。
<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>
<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>