remove padding in jumbotron bootstrap 3?

Question

How to remove the default padding from jumbotron bootstrap 3? I am trying to set padding-top:5px; in jumbotron div. But there is some default padding, how to remove it?

Answer 1

The problem is that the CSS selector's specificity for jumbotron would be greater than the one you are applying.

You can read more about the CSS Selector Specificity here

You can add an ID to your jumbotron, and style that,

#jumbo {
  padding: 5px;
}