Solved

Bootstrap - Group Elements together - no break

Posted on 2016-07-22
1
56 Views
Last Modified: 2016-08-03
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
0
Comment
Question by:Richard Korts
1 Comment
 
LVL 49

Accepted Solution

by:
Roonaan earned 500 total points
ID: 41725617
Although not a bootstrap answer technically, adding white-space: nowrap  to the .col-sm-2 div should work.
0

Featured Post

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
jquery inside Bootstrap modal 8 73
Bootstrap input box width 2 49
styling bootstrap grid system with CSS 2 38
check a checkbox of a checkboxes group in bootstrap 2 41
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
This video shows how to use Hyena, from SystemTools Software, to bulk import 100 user accounts from an external text file. View in 1080p for best video quality.
A short tutorial showing how to set up an email signature in Outlook on the Web (previously known as OWA). For free email signatures designs, visit https://www.mail-signatures.com/articles/signature-templates/?sts=6651 If you want to manage em…

856 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question