title: Bootstrap 4 remove/ignore parent padding
body: <p>I am trying to figure out how to remove top and bottom padding from <strong>ul</strong> element so that it is not affected by <strong>-nav-</strong> padding which is by default set at 8px. Here's the code:  </p>
  
  <pre><code>&lt;body&gt;
      &lt;nav class="navbar navbar-expand-lg navbar-dark bg-dark"&gt;
        &lt;a href="#" class="navbar-brand "&gt;Welcome Brand&lt;/a&gt;
          &lt;form action="search.php" class="form-inline ml-auto" method="post"&gt;
            &lt;div class="input-group"&gt;
              &lt;input class="form-control input-group-sm" type="text" name="searchTerm" placeholder="Search..." aria-label="Search..."&gt;
              &lt;div class="input-group-append"&gt;
                &lt;input class="btn btn-outline-info btn-sm" type="submit" value="Search"&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/form&gt;
            &lt;ul class="navbar-nav ml-2"&gt;
              &lt;li class="nav-item mr-2"&gt;&lt;a href="#" class="nav-link btn-outline-info"&gt;Browse Movies&lt;/a&gt;&lt;/li&gt;
              &lt;li class="nav-item"&gt;&lt;a href="#" class="nav-link btn-outline-info"&gt;Sign in&lt;/a&gt;&lt;/li&gt;
            &lt;/ul&gt;
      &lt;/nav&gt;
    &lt;/body&gt;  
  </code></pre>
  
  <p>I want the -ul- tag to have 0px padding while rest stays at 8px.</p>