<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="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row bootstrap snippets bootdeys"> <div class="col-md-8 col-sm-12"> <div class="comment-wrapper"> <div class="panel panel-info"> <div class="panel-body"> <input type="text" class="form-control" id="usr" placeholder="{{ $registrant['name'] }}" style="width: 33%;display:inline-block"> <input type="text" class="form-control" id="usr" placeholder="{{ $registrant['email'] }}" style="width: 33%;display:inline-block"> <div class="dropdown" style="width: 32%;%;display:inline-block"> <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Subject Example <span class="caret"></span></button> <ul class="dropdown-menu"> <li><a href="#">About this broadcast</a></li> <li><a href="#">Technical</a></li> <li><a href="#">Other</a></li> </ul> </div> <br/><br/> <textarea class="form-control" placeholder="write a comment..." rows="3"></textarea> <br> <button type="button" class="btn btn-info pull-right">Post</button> <div class="clearfix"></div> </div </div> </div> </div> </div> </div>