警告框的应用场景如下：前台请求后台数据，当后台返回错误信息时，弹出警告框。代码如下：

   <div class="alert alert-danger alert-dismissable hide" role="alert" id="show">
       <button type="button" class="close" data-dismiss="alert" aria-label="Close">          
          <span aria-hidden="true">&times;</span>
       </button>
       <strong>这里是错误信息</strong>
   </div>
//此时警告框是默认隐藏的，要想显示的话，把div的“hide”类去掉，加上“in”即可，代码如下:
//注意要引进jQuery才可以使用$('#show')选择器
<script>
    function hideOrIn (){ 
            $('#show').removeClass('hide').addClass('in');
    }
</script>