2013-07-31 55 views
2

我在覆盖转角处的引导标签。在转角处覆盖引导标签

我想将标签放在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> 

Heres the JSFiddle of the coding etc. with example label ready for placement and the CSS for the div in question (button)

+0

哪儿你需要它,在Gmail按钮里面? –

+0

@koala_dev只是在按钮的角落,所以一些进出按钮 – JPD

回答

4

.quickbtn .label.quickbtnposition: absolute使用position: relative,您可以将标签进行绝对定位里面.quickbtn

小提琴:http://jsfiddle.net/Pq6JL/1/


作为您的文章是不明确的,我加入了以下内容:

如果你想在标签的.quickbtn悬外,设置了负topleft.label的位置:

.quickbtn .label { 
    position:absolute; 
    left: -4px; 
    top: -3px 
} 

小提琴:http://jsfiddle.net/Pq6JL/3/

+0

就是这样!谢谢! – JPD