Override Bootstrap CSS with custom CSS
<p>I have a small problem overriding some of Bootstrap's CSS style.</p>

<p>The standard definition of a bootstrap table has the following code:</p>

<pre><code>.table {
width: 100%;
max-width: 100%;
margin-bottom: 20px;
}
</code></pre>

<p>I would like to set margin-bottom to 0px, using my own css code, but I'm having some problems overriding it.</p>

<p>This is my code:</p>

<pre><code>table .table.table-responsive .table-middle {
margin-bottom: 0px;
}
</code></pre>

<p>How to fix it?</p>

<p>Thanks in advance! :)</p>