Keep Text From Wrapping in Bootstrap 3 Responsive Design
Solution 1:
Surround it with a <span class="text-nowrap">. The class .text-nowrap is one of Bootstrap's text alignment helper classes and consists of:
.text-nowrap {
white-space: nowrap;
}
which makes the icon and text stay on the same line.