В работе: https://jsfiddle.net/x_positive/a26dze9q/3/
Проблемный участок выглядит так:
<div class="label">
<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras in finibus sapien, in blandit leo. Aliquam sit amet vulputate mi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed egestas et dui quis dictum. Donec facilisis nisl urna, quis consectetur odio lacinia non. Nam eu est lorem. Cras fermentum urna felis, et pharetra libero pulvinar quis. Phasellus vulputate at odio eget volutpat. Nam pretium, justo non ullamcorper luctus, sem nisi pulvinar sapien, ac maximus velit felis eu mi. Nullam sit amet diam eu erat finibus malesuada.</div>
</div>
<style>
/* bootstrap.css:4047 */
.label {
white-space: nowrap;
}
</style>
Вся загвоздка в том, что пока текст не обернут в div, его ширина определяется корректно. Но когда он находится внутри обертки, то его ширина определяется как ширина body, когда текст вылазит за пределы блока.
Браузер (Chrome) отображает ширину блока идентично, заданной ширины, вместо реальной ширины текста, но добавляет полосу прокрутки. Имея у себя блок с белым текстом на белом фоне не мог найти его очень долго, вычисляя ширину объектов, которые могли бы создать горизонтальную полосу прокрутки.