如何使用引导程序完全隐藏div

我正在致力于在主内容div上方的div中显示通知（无效登录详细信息，注册成功等）的网站。通知的显示就像一个魅力，但我也希望用户能够通过单击按钮来隐藏通知。如何使用引导程序完全隐藏div

为此，我使用bootstrap中的'collapse'类。然而，这显然是错误的方法，因为div不会完全消失，而是可以看到一个小的中风。我想这可能是预期的行为，我根本不应该使用崩溃类。所以现在我的问题是：当点击一个按钮时，我如何巧妙地用bootstrap隐藏div？

我当前的代码是：

<div id="notifications_errors" class="hero-unit collapse in"> 
    <a class="close pull-right" data-toggle="collapse" data-target="#notifications_errors" href="#">&times;</a> 
</div>

来源

2013-04-23 user1870238

使用引导程序不会阻止你做：

$('#someButton).click(function(event){ $('#someDiv').toggle() })

就算你在你的项目中包含的jQuery [你应该，如果你使用的任何BS js插件]。

来源

2013-04-23 11:04:30 moonwave99

我知道，我只是想知道是否有更多的“bootstrappy”的方式来做到这一点。谢谢，无论如何！ – user1870238 2013-04-23 12:15:54

Bootstrap只是以类似的方式使用jQuery。你描述的问题是风格之一，而不是jQuery。 – isherwood 2013-04-23 17:17:12

工作正常，你只是在最后错过了'）' – 2013-12-26 13:01:14

尝试在单独的div块内移动您的内容，它很有可能是hero-unit类的css与collapse css冲突。

<div id="notifications_errors" class="collapse in">** 
    <div class="hero-unit"> 
    <a class="close pull-right" data-toggle="collapse" data-target="#notifications_errors" href="#">&times;</a> 
    </div> 
</div>

这应该让.height：0和溢出：在.collapse类工作的隐藏属性正常。（我有一个类似的问题试图使用崩溃的警报格式，并为我修复了这个问题）

来源

2013-06-14 06:09:32 Joe

如何使用引导程序完全隐藏div

回答

相关问题