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

我有一个按钮：

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

发出邀请

当我移动到

xs

显示时，我想将此

发送邀请

文本更改为某个搜索图标，如何执行此操作？

您需要使用css类&在响应和非响应视图中显示和隐藏。试试下面的代码

<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>

发出邀请

我尝试了类似的方法，但是读到

span

不应该在

按钮

标记内。我认为，使用span标记不会产生任何问题。您可以在Opencart演示站点中看到示例。检查顶部栏链接（我的帐户、愿望列表等带有图标）代码。