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>