"Send Message"
Bootstrap 3.0.0 Snippet by OneClickLearn

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.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 ----------> <div id="send"> <h2>Send message to: John Doe</h2> <textarea rows="1" type="text" placeholder="Subject"></textarea> <textarea placeholder="Message" rows="10" cols="50"></textarea> </div> <div id="prev-msg"> <h3>Prev. MSGs</h3> <hr> <h4>Hello John</h4> <P>I was wondering you if you could come for Saturday night's brunch. Melinda's cooking the fruit salad. </P> </div> <p>https://www.w3schools.com/icons/bootstrap_icons_glyphicons.asp</p>
#send { padding:20px; width:450px; height:auto; float:left; } #prev-msg { float:right; width:30%; height:auto; padding:20px; } textarea { border-radius:5px; } .space { padding-bottom:25px; color:white; } input { border-radius:3px; }

Related: See More


Questions / Comments: