Bootstrap snippet: simple post textarea

designed to help people of all skill levels - designer or developer, huge nerd or early beginner.
copy and paste the code. Use it as a complete kit or use it to start something more complex.
tags: textarea,form



<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet"> <div class="container bootstrap snippet"> <div class="row"> <div class="col-md-6"> <div class="widget-five mb30"> <textarea rows="5" class="form-control resize-v post-area" placeholder="Share your thoughts...."></textarea> <ul class="post-tools list-unstyled clearfix"> <li> <a href="javascript:;" class="fa fa-flask ion"></a> </li> <li> <a href="javascript:;" class="fa fa-microphone icon"></a> </li> <li> <a href="javascript:;" class="fa fa-file-image-o icon"></a> </li> <li class="pull-right"> <button class="btn btn-primary">Post</button> </li> </ul></div> </div> </div> </div>
body{ margin-top:20px; } .mb30 { margin-bottom: 30px; } .widget-five .post-tools>li a { color: #565656; font-size: 17px; padding: 4px 10px; display: inline-block; } a:hover, a:active, a:focus { text-decoration: none; outline: 0; } .widget-five .post-tools { padding: 10px 20px; background: #eee; } .widget-five .post-tools>li { display: inline-block; } .resize-v { resize: vertical; }
Dey-Dey

simple post textarea

Dey-Dey
  Jul 7th 2015, 22:24
154 Views