creating simple button to use the size of column from bootstrap
<p>My idea is to create a simple green button. No text, no border, just a green shape, which would inherit the size of <code>col-md-12</code> from bootstrap. I have seen there are many similar questions, however I have a problem with basic understanding so I would appreciate if you would help me understand it.</p>

<pre><code>&lt;body&gt;
   &lt;div class="col-md-12"&gt;
      &lt;button class="button" type="button" style="border:none; display:inline-block; color:green;"&gt;&lt;/button&gt;
   &lt;/div&gt;
&lt;/body&gt;
</code></pre>

<p>So, this is what I did. I have a body and I have a <code>col-md-12</code> class. This is ok I guess. Then I decided to create a button. I have a button tag, <code>class=button</code>, <code>type=button</code> and I have a style > simple green color and inline-block to display this button over <code>col-md-12</code>. However! Nothing happens. May I ask why? </p>

<p><strong>I don't want to put any sizes for purpose, I want just to fit whole col-md-12</strong>. May I ask what I don't understand correctly? Thank you.</p>