顶部边框样式没有从Bootsrap中的Div中删除(Top Border Style Not Removing From Div in Bootsrap)

顶部边框样式没有从Bootsrap中的Div中删除(Top Border Style Not Removing From Div in Bootsrap)

你能看看我的代码和网站，让我知道为什么div的顶部边框仍然存在，尽管我将div边框样式设置为none，然后设置为0px宽度。

这是代码：

<div class="well well-large zerobox clearfix"> <div class="zerobox margo pull-left"> <img class="img-polaroid" alt="" src="http://placehold.it/260x120"> </div> <div class="well well-large zerobox margo bordernone pull-right"> <h4 class="text-error">Why The Top Border Still Here</h4> <br /> <p>Test</p> <p>Test</p> </div> </div>

我的自定义风格是：

<style> .zerobox{margin: 0; padding: 0;} .margo{ margin: 10px 15px 10px 10px;} .bordernone{border: solid 0px #F5F5F5;} </style>

这是链接到我的网站。请查看“ 为什么顶部边框仍在这里 ”的顶部，你可以在那里找到一条灰线。

Can you please take a look at my code and website and let me know why the div's top border still remain despite of the fact that I set the the div border style to none and then to 0px width.

Here is the code:

<div class="well well-large zerobox clearfix"> <div class="zerobox margo pull-left"> <img class="img-polaroid" alt="" src="http://placehold.it/260x120"> </div> <div class="well well-large zerobox margo bordernone pull-right"> <h4 class="text-error">Why The Top Border Still Here</h4> <br /> <p>Test</p> <p>Test</p> </div> </div>

and my custom style is :

<style> .zerobox{margin: 0; padding: 0;} .margo{ margin: 10px 15px 10px 10px;} .bordernone{border: solid 0px #F5F5F5;} </style>

Here is the Link to my web site.Please look at the top of "Why The Top Border Still Here" you can find a gray line at there.

最满意答案

那不是边界。 这是你的div上的bootstrap .Well类的box-shadow inset 。 你需要在你的bordernone课程中重置它。

把这个给你的bordernone课程Demo

-webkit-box-shadow: initial ; -moz-box-shadow: initial ; box-shadow: initial ;

这是应用的bootstrap css类。

.well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); }

That is not border. That is box-shadow inset from the bootstrap .Well class on your div. You need to reset that in your bordernone class.

Give this to your bordernone class Demo

-webkit-box-shadow: initial ; -moz-box-shadow: initial ; box-shadow: initial ;

This is the bootstrap css class that is applied.

.well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); }