Сonfusion ze stylami w aplikacji jonowej + Bootstrap - css, ionic, angular-ui-bootstrap

Mam aplikację jonową, w której używam datepicker angular-ui-bootstrap. Aby zastosować styl ładowania początkowego tylko w tym datepicker, którego używam class="bootstrap" na div element (importuję bootstrap używając Sassa i zawijam go .bootstrap):

<div class="bootstrap">
<uib-datepicker ng-model="dt" class="well well-sm"></uib-datepicker>
</div>

To działa dobrze. Ale style jonowe mają zastosowanie do elementów wewnątrz tego div, mam na myśli nazwę miesiąca i strzałki są wyświetlane niepoprawnie. Próbuję przedefiniować style, ale bez powodzenia. Ten styl nie działa

.tr {
vertical-align: middle;
}

http://codepen.io/anon/pen/xwmxQL

Jak mogę to naprawić?

Odpowiedzi:

Prawdopodobnie występują kolizje nazwIonic CSS i Bootstrap CSS. Proponuję radzić sobie z CSS, który jest związany z tymi klasami z Bootstrap, którego używasz, i wkleić go do pliku CSS projektu.

Mam nadzieję, że to pomoże.

Znajduję mój błąd. Zamiast tr Muszę skorzystać th:

.th {
vertical-align: middle;
}

Teraz działa.