css - 将 Bootstrap 文本按钮设置为移动设备中的图标

Question

是否可以使用 bootstrap 在移动 View 中将文本按钮显示为图标按钮？

到目前为止，我有两个按钮，基于 javascript 变量，我隐藏一个按钮并显示另一个按钮。

<input type="button"  class="btn-primary" value="Remove Employee" />

和

<a><i class="glyphicon glyphicon-remove"></i></a>

Plunker Link

是否可以在 Bootstrap 类的帮助下实现单个 html 元素？

Answer 1

试试这个，

使用响应式实用程序 http://getbootstrap.com/css/#responsive-utilities

<input type="button"  class="btn-primary hidden-xs" value="Remove Employee" />
<a href="#" class="visible-xs"><i class="glyphicon glyphicon-remove"></i></a>

<强> Demo