bootstrap的.text-hide类有什么实用价值？

Question

尽管segmentfault本身就在用，比如左上角的LOGO，但我还是不懂，把文字写出来然后隐藏掉，有什么意义？为什么不直接给一张图片加链接？

Answer 1

文档说的很清楚啊，将页面元素所包含的文本内容替换为背景图

Utilize the .text-hide class or mixin to help replace an element's text content with a background image.

Answer 2

适配各种屏幕和大小吧

Answer 3

这个问题就涉及了我们通常说的技术套路（模式）
首先说一下为什么不用直接图片（用背景图的好处）？
1、用背景图可以直接使用CSS控制，保证html文档干净，使html只容纳内容结构，而用CSS控制样式。
2、用CSS控制所有，这样更换模板很方便，html不用调整（内容和结构是稳定的嘛）
3、背景图可以合并，通过定位选取，这样优化请求
不过以上最重要的是保持html（内容和结构）稳定，————容颜易改我心如一。

知道了用背景图是好的选择之后，那么问题来了， 挖掘机技术哪家...?
为什么设置了文本，而又隐藏掉呢？ 因为 a 是内联元素， 内联元素有个特点就是：如果元素里没内容，我是没有高度的哦。 如果没有高度，设置了背景又怎样呢，你啥也看不到。虽然有让它有高度的方法（block之类的），但这些方法改变了元素类型有时带来副作用，所以嘛最简便的还是加上文本再隐藏掉（比如text-indent: 110%;之类的），这样皆大欢喜。
对了，另外在开发的分工合作中，HTML和CSS编程者可以方便的适用合适字体大小占据需要的位置，能够保持文档结构合适，留下的那个空就可以安心的交给美工妹妹去设计图片。