"Comment Box"
Bootstrap 3.3.0 Snippet by mohsinirshad

Post to Facebook Tweet this

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<link rel="stylesheet" href="http://fontawesome.io/assets/font-awesome/css/font-awesome.css">
<div class="container">
<div class="row">
<h3>Status Upload Snipp</h3>
</div>
<div class="row">
<div class="col-md-6">
<div class="widget-area no-padding blank">
<div class="status-upload">
<form>
<textarea placeholder="What are you doing right now?" ></textarea>
<ul>
<li><a title="" data-toggle="tooltip" data-placement="bottom" data-original-title="Audio"><i class="fa fa-music"></i></a></li>
<li><a title="" data-toggle="tooltip" data-placement="bottom" data-original-title="Video"><i class="fa fa-video-camera"></i></a></li>
<li><a title="" data-toggle="tooltip" data-placement="bottom" data-original-title="Sound Record"><i class="fa fa-microphone"></i></a></li>
<li><a title="" data-toggle="tooltip" data-placement="bottom" data-original-title="Picture"><i class="fa fa-picture-o"></i></a></li>
</ul>
<button type="submit" class="btn btn-success green"><i class="fa fa-share"></i> Share</button>
</form>
</div><!-- Status Upload -->
</div><!-- Widget Area -->
</div>
</div>
</div>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
body{ background: #fafafa;}
.widget-area.blank {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}
body .no-padding {
padding: 0;
}
.widget-area {
background-color: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.05);
-ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.05);
-o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 16px rgba(0, 0, 0, 0.05);
float: left;
margin-top: 30px;
padding: 25px 30px;
position: relative;
width: 100%;
}
.status-upload {
background: none repeat scroll 0 0 #f5f5f5;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
$(document).ready(function(){
$("[data-toggle=tooltip]").tooltip();
});
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More

Vue Paper Dashboard
Bootstrap 4 User Rating Form / Comment Form
User Comment Example
Comment Posts Layout

Questions / Comments:

hello

asdf () - 7 years ago - Reply 0

dsa

sanaldevmv () - 2 years ago - Reply 0

dfadf

sanaldevmv () - 2 years ago - Reply 0

daFDAF

sanaldevmv () - 2 years ago - Reply 0

DACav

sanaldevmv () - 2 years ago - Reply 0

dafdwf

sanaldevmv () - 2 years ago - Reply 0

ADCDAV

sanaldevmv () - 2 years ago - Reply 0

Opa

clton999 () - 3 years ago - Reply 0

Opa

clton999 () - 3 years ago - Reply 0

ekrem1234 () - 5 years ago - Reply 0

hallo

ekrem1234 () - 5 years ago - Reply 0

hello

MP () - 7 years ago - Reply 0

dfgdfg

মো.আফসার মুন্না () - 7 years ago - Reply 0

asdfasdf

asdfasdf () - 8 years ago - Reply 0

HI

Daniel H. Arakaki () - 8 years ago - Reply 0

Nice

Daniel H. Arakaki () - 8 years ago - Reply 0

Thank you

Chyfreefly () - 8 years ago - Reply 0

Ako sa mአ?

Alex () - 8 years ago - Reply 0

hh

l () - 8 years ago - Reply 0

Hi

sanaldevmv () - 2 years ago - Reply 0

dafdfdf

sanaldevmv () - 2 years ago - Reply 0

hi

ahbi () - 8 years ago - Reply 0

Thank you

Mehmet Gökalp () - 8 years ago - Reply 0

Very great job ! However, I could not find in the css file the images corresponding to icons and I don't know how your js file is called. Could you please provide some explanation about that ?!

sassir () - 9 years ago - Reply 0

include <link rel="stylesheet" href="http://fontawesome.io/asset...">

Chyfreefly () - 8 years ago - Reply 1

Cool!

Junaid Atari () - 9 years ago - Reply 0