How can I add buttons to a textarea in bootstrap?
<p>Thank you for taking a look at my question!</p>

<p>What I'm trying to do in bootstrap is add a textarea that have text-editor buttons in them.. "bold", "italic" and "attachment" it's supposed to look like this:</p>

<p><a href="http://i.stack.imgur.com/t1tq4.png" rel="nofollow">Mockup</a></p>

<p>But instead I have this:</p>

<p><a href="http://i.stack.imgur.com/UPXfZ.png" rel="nofollow">My Results so far</a></p>

<p>The main problems I'm having is:</p>

<ul>
<li>Hot to Prevent text in textarea from going under the editor buttons</li>
<li>What do I need to override in buttons to get the desired effects</li>
</ul>

<p>By the way I'm using a bootstrap template/theme its called remark, I'm using one of their editor element: </p>

<p>getbootstrapadmin.com/remark/base/forms/editor-markdown.html</p>

<p>template/11989202</p>

<p>HTML I have so far:</p>

<pre><code>&lt;div&gt;

     &lt;div class="md-header btn-toolbar btn-toolbar-btm"&gt;
       &lt;div class="btn-group"&gt;

       &lt;button class="btn-default btn-sm btn btn-pure" type="button" title="Bold" tabindex="-1" data-provider="bootstrap-markdown" 
       data-handler="bootstrap-markdown-cmdBold" data-hotkey="Ctrl+B"&gt;&lt;span class="fa fa-bold"&gt;
       &lt;/span&gt; &lt;/button&gt;

       &lt;button class="btn-default btn-sm btn btn-pure" type="button" title="Italic"
       tabindex="-1" data-provider="bootstrap-markdown" data-handler="bootstrap-markdown-cmdItalic" 
       data-hotkey="Ctrl+I"&gt;&lt;span class="fa fa-italic"&gt;&lt;/span&gt; &lt;/button&gt;

       &lt;button class="btn-default btn-sm btn btn-pure" type="button" title="Heading" tabindex="-1"&gt;
       &lt;span class="icon wb-attach-file"&gt;&lt;/span&gt; &lt;/button&gt;
       &lt;/div&gt;
      &lt;/div&gt;

      &lt;textarea class="form-control" rows="8" placeholder="Type something here..."&gt;&lt;/textarea&gt;
   &lt;/div&gt;
</code></pre>

<p>CSS:</p>

<pre><code> .btn-toolbar-btm{
  position:absolute;
  top:212px;
  margin-left:8px;
  z-index:3;
    }
</code></pre>

<p>If you can help me in any way I will GREATLY appreciate it, you would literally save my job :/</p>