0

我正在使用 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>
4

1 回答 1

1

利用 Bootstrap 中的响应式实用程序类。

添加类

hidden-sm
hidden-md
hidden-lg

到只有电话图标的按钮，请参阅小提琴。没关系，图标显示不正确。我会使用bootply，但它会用于维护。

于 2013-11-13T09:45:35.010 回答