我正在尝试在 DIV 的一 Angular 覆盖 Bootstrap 标签。
我想将标签放在 div 的左上角,就像一个覆盖层,所以一部分在 div 上,一部分远离。
谢谢
<div class="span4" style="border-bottom: none; border-top: 4px solid #28A197;">
<h3>Quick Links</h3>
<div class="row">
<div class="span2">
<div class="quickbtn">
<p><a href="#wirelessnetworkinfo" data-toggle="modal"><img src="images/icons/wirelesssignal.png" /></p>
<p>Wireless Network Information</a></p>
</div>
<br />
<div class="quickbtn">
<p><a href="http://mail.google.com" target="_blank"><img src="images/icons/gmail.png" /></p>
<p>Gmail</a></p>
</div>
</div>
</div>
<span class="label label-important">UPDATED</span>
</div>
最佳答案
在.quickbtn
上使用position:relative
,在.quickbtn .label
上使用position:absolute
,您可以将标签绝对定位在 .quickbtn
内。
fiddle :http://jsfiddle.net/Pq6JL/1/
由于您的帖子不清楚,我添加以下内容:
如果您希望标签悬垂在 .quickbtn
之外,请为 的位置设置负的
:top
和 left
。标签
.quickbtn .label {
position:absolute;
left: -4px;
top: -3px
}
fiddle :http://jsfiddle.net/Pq6JL/3/
关于html - 在 div 的一 Angular 覆盖 bootstrap 标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17981604/