title: Bootstrap 3 change <ul> height inside row
body: <p>Inside row, I have list, and each <code>&lt;li&gt;</code> tag has set left and right border.</p>
  
  <pre><code>&lt;div class="container&gt;
  &lt;div class="row&gt;
        &lt;ul class="list"&gt;
          &lt;li&gt;&lt;a href="#"&gt;1&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;2&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;3&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;4&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;style&gt;
  ul.list &gt; li {
  border-right:1px solid #eeeeee;
  border-left:1px solid #eeeeee;
  }
  &lt;/style&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/RbtVs.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/RbtVs.jpg" alt="enter image description here"></a></p>
  
  <p>Now, I need to set ul.test height to 100% inside row, to remove padding-top and padding-bottom from row, then borders for <code>&lt;li&gt;</code> tags will stay from top to bottom of row.</p>
  
  <p>I tried a couple ideas with row padding, with list height but no success</p>