Как в bootstrap 3 указать разное выравнивание для разных разрешений?

Question

[Владимир]

Есть строчка с 2мя колонками, когда экран будет xs, можно ли как-то изменить text-align для h3 на center? Не прибегая к перебиванию стилей бутстрапа, может есть родное решение?

<div class="col-md-6 col-sm-6 col-xs-12">
	<h3 class="text-left"></h3>
</div>
<div class="col-md-6 col-sm-6 col-xs-12">
	<h3 class="text-right"></h3>
</div>

Answer 1

[holfza]

<h3 class="text-left text-center-xs"></h3>
<h3 class="text-right text-center-xs"></h3>
@media screen and (max-width: 767px) {
	.text-center-xs {
		text-align: center!important;
	}
}