Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

Top Border Style Not Removing From Div in Bootsrap

Top Border Style Not Removing From Div in Bootsrap

Problem

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:

Why The Top Border Still Here


Test

Test

and my custom style is :

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.

Problem courtesy of: Behrouz Hosseini K.

Solution

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);
}
Solution courtesy of: PSL

Discussion

View additional discussion.



This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here

Share the post

Top Border Style Not Removing From Div in Bootsrap

×

Subscribe to Css3 Recipes - The Solution To All Your Style Problems

Get updates delivered right to your inbox!

Thank you for your subscription

×