<div>
<div class="content wysiwyg-content">
Is there a way in Bootstrap to group elements together so there is no break in that group on narrower devices?<br />
<br />
For example, this:<br />
&lt;div class=&quot;col-sm-2 col-xs-2 text-center&quot; style=&quot;padding-top:3px;&quot;&gt;R<wbr />P&amp;nbsp;&lt;in<wbr />put type=&quot;text&quot; name=&quot;itcv1psi&quot; style=&quot;width:75px;&quot;&gt;&amp;nbsp;<wbr />PSI&lt;/div&gt;<br />
<br />
I want to force it to keep &quot;RP&quot;, the text box and &quot;PSI&quot; on one line.<br />
<br />
Thanks
</div>
</div>


Is there a way in Bootstrap to group elements together so there is no break in that group on narrower devices?

For example, this:
<div class="col-sm-2 col-xs-2 text-center" style="padding-top:3px;">RP&nbsp;<input type="text" name="itcv1psi" style="width:75px;">&nbsp;PSI</div>

I want to force it to keep "RP", the text box and "PSI" on one line.

Thanks

Bootstrap - Group Elements together - no break

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.