Hide button captions on extra small devices

by Dmitry Maximov

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<section>

    <h2><a href="http://www.fontawesome.io" target="_blank">FontAwesome</a> version</h2>
    
<table class="table">
    <thead>
        <tr>
            <th>Last login</th>
            <th>Actions</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>2014-02-24 11:43</td>
            <td>
                <div class="btn-group">
                    <button class="btn btn-default" title="View"><i class="fa fa-eye"></i><span class="hidden-xs"> View</span></button>
                    <button class="btn btn-default" title="Delete"><i class="fa fa-trash"></i><span class="hidden-xs"> Delete</span></button>
                </div>                
            </td>
        </tr>
        <tr>
            <td>2014-02-24 09:57</td>
            <td>
                <div class="btn-group">
                    <button class="btn btn-default" title="View"><i class="fa fa-eye"></i><span class="hidden-xs"> View</span></button>
                    <button class="btn btn-default" title="Delete"><i class="fa fa-trash"></i><span class="hidden-xs"> Delete</span></button>
                </div>                
            </td>
        </tr>        
    </tbody>
</table>
    
</section>    

<hr>

<section>

    <h2><a href="http://www.glyphicons.com" target="_blank">Glyphicons</a> version</h2>

<table class="table">
    <thead>
        <tr>
            <th>Last login</th>
            <th>Actions</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>2014-02-24 11:43</td>
            <td>
                <div class="btn-group">
                    <button class="btn btn-default" title="View"><span class="glyphicon glyphicon-eye-open"></span><span class="hidden-xs"> View</span></button>
                    <button class="btn...

CSS

h2 {
    margin:0 0 15px 0;
}

section {
    padding:15px;
}