Question

当屏幕尺寸小于768时，我想显示一个按钮。我使用的是bootstrap(4.1.1)的最新版本。从简单的引用（https://v4-alpha.getbootstrap.com/layout/responsive-utilities/）我尝试如下：

  <button type="button" id="leftSidebarCollapse" class="navbar-btn  hidden-md-down">
                        <span></span>
                        <span></span>
                        <span></span>
                    </button>

根据bootstrap 4，当屏幕尺寸小于768时，此按钮应该可见。但它没有按预期工作。它杀了我的一天。我的代码出了什么问题？任何的想法？

Answer 1

您需要使用bootstrap d-sm-block d-md-none类，只有少于小屏幕的Visible。

<button type="button" id="leftSidebarCollapse" class="navbar-btn d-sm-block d-md-none">
 <span></span>
 <span></span>
 <span></span>
</button>

请在此处查看bootstrap Display property

如何使用bootstrap 4.1.1显示所需屏幕尺寸的元素？

1 个答案: