Solved

Bootstrap - Group Elements together - no break

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

How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

Join & Write a Comment

Suggested Solutions

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.
In this article, I will show you HOW TO: Install VMware Tools for Windows on a VMware Windows virtual machine on a VMware vSphere Hypervisor 6.5 (ESXi 6.5) Host Server, using the VMware Host Client. The virtual machine has Windows Server 2016 instal…
This demo shows you how to set up the containerized NetScaler CPX with NetScaler Management and Analytics System in a non-routable Mesos/Marathon environment for use with Micro-Services applications.
This video demonstrates how to create an example email signature rule for a department in a company using CodeTwo Exchange Rules. The signature will be inserted beneath users' latest emails in conversations and will be displayed in users' Sent Items…

758 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

11 Experts available now in Live!

Get 1:1 Help Now