当我解雇自举警报时，如何摆脱整个行？

Question

我在排液中有警报。请参阅my fiddle。当我用“x”按钮解除警报时，该行仍然可见。我在解雇时如何摆脱整个行？我试过了：

data-dismiss="row-fluid" 

这不让我关闭任何东西。

Answer 1

我想不出一个不涉及一点点jQuery的解决方案。如果你可以使用jQuery，那么下面的解决方案将工作。

将函数附加到隐藏行的click事件。 （我添加了类“错误”，以便我可以选择该行）。

看到这个更新小提琴：http://jsfiddle.net/D2RLR/2765/

<div class="container-fluid"> 
    <div class="row-fluid error" style="border:1px solid red;"> 
     <div class="span4"> 
      <div class="alert"> 
       <button type="button" class="close" data-dismiss="alert">×</button> 
       <strong>Warning!</strong> Best check yo self, you're not looking too good. 
      </div> 
     </div> 
    </div> 

    <div class="row-fluid" style="border:1px solid red;"> 
     <div class="span12"> 
      this is some other content 
     </div> 
    </div> 

</div>​ 
<script> 
    $('.close').click(function(){ 
     $(".row-fluid.error").hide() 
    }); 
</script>