css - 当我解除引导警报时，如何摆脱整行？

Question

我在行流体中有一个警报。看我的小提琴。当我使用“x”按钮解除警报时，该行仍然可见。解雇时如何摆脱整行？我试过了：

data-dismiss="row-fluid"

这不会让我关闭任何东西。

Answer 1

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

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

看到这个更新的小提琴：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>