Простым сценарием использования является использование изображения или любого другого содержимого внутри столбца Bootstrap. И часто это содержимое должно быть в горизонтальном направлении.
<div class="container">
<div class="row">
<div class="col-sm-4 col-md-4 col-lg-4 text-center">
<img class="img-responsive" src="img/some-image.png" title="this image needs to be centered">
</div>
<div class="col-sm-8 col-md-8 col-lg-8">
some content not important at this moment
</div>
</div>
</div>
В версии 3.1.0 добавление текстового центра класса выравнивает изображение внутри столбца. Но я был вынужден перейти к версии 3.3.4, чтобы исправить некоторые другие проблемы, и это поведение (текстовый центр) теперь нарушено. У меня проблема с тем, как центрировать изображение или другое содержимое внутри столбца. Я хотел бы избежать необходимости добавлять класс к содержащимся элементам, поскольку это подвержено ошибкам или требует другого, содержащего div.