simple post textarea

This bootstrap snippet called "simple post textarea" was created to help web designers,
front-end developers and back-end developer save time. Use it in your project and build your app faster,
You can also download the HTML, CSS, and JS code
tags: textarea,form

This is the HTML code for this bootstrap snippet

Copy, paste, change, customize and run the following HTML code to get a result like the one shown in the preview tab

<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>

This is the CSS code for this bootstrap snippet

Copy, paste, change, customize and run the following CSS code to get a result Like the one shown in the preview

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;
}
                                    

Information about this bootstrap snippet

Creator: Dey Dey

Bootstrap version: 3.3.4

Created: Jul 7th 2015, 22:24

Views: 437