小编Joh*_*oHD的帖子

在手机模式下隐藏按钮文本 - Bootstrap

我正在制作一个应用程序,我想隐藏按钮文本,以便在"手机模式"中节省宝贵的空间.所有按钮都有图标,所以应该足够了.

我想有一个纯粹的CSS解决方案,但我无法想出任何东西.

这是一个按钮的样子:

<button type="submit" name="btnSave" id="btnSave" class="btn btn-primary"><i class="icon-save"></i> Save</button>
Run Code Online (Sandbox Code Playgroud)

我想补充一点,它也可能是:

<a class="btn btn-warning"><i class="icon-trash"></i> Delete</a>
Run Code Online (Sandbox Code Playgroud)

所以基本上,如果响应的模式是手机,则应隐藏.btn选择器内的所有文本.但图标需要保留.

我试过了text-ident,但这也隐藏了图标.

html css twitter-bootstrap

8
推荐指数
2
解决办法
7909
查看次数

标签 统计

css ×1

html ×1

twitter-bootstrap ×1