Question: Is it possible to show a text button as icon button in a mobile view using bootstrap?

As of now I have two buttons, based on the javascript variable I am hiding one and showing other.

```
<input type="button"  class="btn-primary" value="Remove Employee" />

```

and 

```
<a><i class="glyphicon glyphicon-remove"></i></a>

```

[Plunker Link](http://plnkr.co/edit/fzKFbzLmy4KJmihTGCPj?p=preview)

Is it possible to acheive in a single html element with help of bootstrap classes?

Answer: 
Try this,

Use **Responsive utilities** <http://getbootstrap.com/css/#responsive-utilities>

```
<input type="button"  class="btn-primary hidden-xs" value="Remove Employee" />
<a href="#" class="visible-xs"><i class="glyphicon glyphicon-remove"></i></a>

```

**[Demo](http://jsfiddle.net/UI_Designer/2byptdoL/1/)**
There are css classes .visible-xs and .hidden-xs that show or hide block for mobile view. I think they will help you to show/hide some part for a mobile.