崩溃时BootStrap显示元素

Question

我正在使用BootStrap。我的页面底部有一个带有电话号码的导航栏。我希望在崩溃时隐藏该电子邮件，然后显示电话图标。目前我无法在崩溃前隐藏手机图标。这是我的代码：

<div class = "navbar navbar-default navbar-fixed-bottom">
        <div class="navbar-inner">
            <div class ="container">
                <div>
                    <a href = "#" target="_blank" class= "brand pull-left"> <img src="logo.png" alt="#" href="#"> </a>
                </div>

                <div class = "collapse.in navbar-collapse navbar-right" id="bund-navbar-collapse-semi">
                    <a class = "navbar-btn btn-success btn-xl btn pull-right">
                        <span class="glyphicon glyphicon-earphone" ></span> 
                    </a>

                </div>


                <div class="collapse navbar-collapse navbar-right" id="bund-navbar-collapse-fuld" >
                    <a class = "navbar-btn btn-success btn-xl btn pull-right">
                        <span class="glyphicon glyphicon-earphone "></span> +45 30 30 30 30
                    </a>
                </div> 
            </div>
        </div>
    </div>

Answer 1

使用Bootstrap中的responsive-utilitie classes。

添加课程

hidden-sm
hidden-md
hidden-lg

到只有电话图标的按钮，请参阅fiddle。别介意图标显示不正确。我会使用bootply，但需要将其用于维护。