将带有文本的按钮更改为移动显示的图标

Question

我有按钮：

          <div class="form-group pull-right">
            <button type="submit" class="btn btn-default">Send invitation</button>
          </div>

当我转到xs显示时，我想将此Send invitations文字更改为某个搜索图标，我该怎么做？

Answer 1

您需要使用css class .hidden-xs＆amp;展示广告.visible-xs隐藏在响应式和非响应式视图中。请尝试以下代码。

<div class="form-group pull-right">
   <button type="submit" class="btn btn-default"><i class="glyphicon glyphicon-search visible-xs"></i><span class="hidden-xs">Send invitation</span></button>
</div>