Как изменить направление popover bootstrap для телефона?

Question

[Kirill G.]

Ребята, нужно, чтобы на десктопе направление popover было в правую сторону (right), а на адаптивных разрешениях (планшет, телефон) - вниз (bottom). Как это можно реализовать?

Answer 1

[Антон Шаманов]

Добавить свои стили, аля:

.text-right {
	text-align: right;
}
.text-left {
	text-align: left;
}
@media (min-width: 768px) {
	.text-right-md {
		text-align: right;
	}
	.text-left-md {
		text-align: left;
	}
}

Использование по аналогии с базовыми классами bootstrap
<p class="text-left text-right-md">...</p>