html - data-dismiss and close button for notification bar -

i have notification bar on top of site (before had modal). possible click x (close-button) , have notification bar remove? tried data-dismiss didnt work. , how x button directly after last work "end" same background-color text? use bootstrap-3.

html

<div class="notification-bar">     <div class="text">         <p>laallalala l lalal lalalalalal lal lalal lal l allalalalalalalalallalalaalallalalalaalallalal l laallalal lal lall lalallalaallallalaalalaa end</p>     </div>         <button class="btn btn-close" data-dismiss="notification-bar" type="button">&times;</button> </div> 

css

.notification-bar {     background-color:#003000; }  .text {     color:#5effef;     font-family:'droid serif';     font-size:13px;     padding-left:20px;     padding-right:20px; }  .btn.btn-close {     color:#5effef;     font-weight:bold; } 

jsfiddle here... jsfiddle

you can achive jquery

<script> $(document).ready(function() {     $(".dismisbar").click(function(){         $(".notification-bar").hide();     });  }); </script> 

fiddle