滚动时将图像替换为文本

Question

我正在使用bootstrap我想在max-height = 768x（在移动设备上）时用图片替换图像。

这是我的剪辑http://bootsnipp.com/snippets/XaB7r。

我试图添加：

内容：'mytext';

@media screen and (max-width: 767px) {
  nav.navbar.navbar-default.shrink {
    min-height: 35px;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  nav.shrink.navbar.navbar-default .navbar-brand {
    padding-top: 2px;
    margin-top: 5px;
  }
  nav.shrink.navbar.navbar-default .navbar-brand img {
    height: 40px;
**content:'mytext';**
  }
  nav.shrink.navbar.navbar-default .navbar-toggle {
    margin-top: 11px;
  }