Custom column size on bootstrap (without affect responsive design)
<p>I would like to create on my page a really tiny left menu with bootstrap like this :</p>

<pre><code>&lt;div class="row&gt;
    &lt;div class="col-md-1 col-sm-1 leftMenu"&gt;&lt;/div&gt;
    &lt;div class="col-md-7 col-sm-7 main"&gt;&lt;/div&gt;
    &lt;div class="col-md-4 col-sm-4 rightMenu"&gt;&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>However col-md-1 is too large for my menu. I would like a width equal to 50px; </p>

<p>I don't find a solution to have a menu with a size inferior to the minimal column, without affect the responsive design of my page</p>

<p>Anyone have an answer to my problem ?</p>