Solved

Bootstrap - Group Elements together - no break

Posted on 2016-07-22
1
48 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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
CSS / Bootstrap Issues 6 22
1. Display problem with using multiple Validators in Bootstrap for .Net 4 41
Bootstrap 6 77
Bootstrap 3 website error 14 45
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.
When we talk about DevOps toolchains, I sometimes wonder how many people really get what we’re talking about. I don’t know if it’s just semantics or tone or something else, but sometimes I think it just sounds like buzzword sausage. So it’s always …
Get a first impression of how PRTG looks and learn how it works.   This video is a short introduction to PRTG, as an initial overview or as a quick start for new PRTG users.
With Secure Portal Encryption, the recipient is sent a link to their email address directing them to the email laundry delivery page. From there, the recipient will be required to enter a user name and password to enter the page. Once the recipient …

932 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

Need Help in Real-Time?

Connect with top rated Experts

12 Experts available now in Live!

Get 1:1 Help Now