<div>
<div class="content wysiwyg-content">
Hello, I have a button where I want text displayed on larger screens:<br />
<br />
&nbsp;&lt;button type=&quot;submit&quot; class=&quot;btn btn-primary btn-sm&quot; id=&quot;btnShowPubDate&quot;&gt;Date&lt;/<wbr />button&gt;<br />
<br />
I want it to be this when displayed on a small screen such as a phone.<br />
<br />
&nbsp; &lt;button type=&quot;submit&quot; class=&quot;btn btn-primary btn-sm&quot; id=&quot;btnShowPubDate&quot;&gt;<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;span class=&quot;glyphicon glyphicon-time&quot;&gt;&lt;/span&gt;<br />
&nbsp; &nbsp;&lt;/button&gt;<br />
<br />
how do you accomplish that with bootstrap 3?
</div>
</div>


Hello, I have a button where I want text displayed on larger screens:

 <button type="submit" class="btn btn-primary btn-sm" id="btnShowPubDate">Date</button>

I want it to be this when displayed on a small screen such as a phone.

  <button type="submit" class="btn btn-primary btn-sm" id="btnShowPubDate">
                    <span class="glyphicon glyphicon-time"></span>
   </button>

how do you accomplish that with bootstrap 3?

Bootstrap show icon when mobile text when computer or tablet

Mobile web development, also known as responsive web design, is an approach to web design aimed at crafting sites to provide an optimal viewing and interaction experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices (from desktop computer monitors to mobile phones). A site designed with RWD adapts the layout to the viewing environment by using fluid, proportion-based grids, flexible images, and CSS3 media queries.

Mobile

Bootstrap is a free and open-source collection of tools for creating websites and web applications. It contains HTML- and CSS-based design templates for typography, forms, buttons, navigation and other interface components, as well as optional JavaScript extensions. It aims to ease the development of dynamic websites and web applications. Bootstrap is a front end web framework, that is, an interface for the user, unlike the server-side code which resides on the "back end" or server.

Bootstrap

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.