Пользовательский интерфейс jQuery загружен до Bootstrap, но все еще перезаписывает стили Bootstrap?

На моей странице есть всплывающие подсказки, созданные как:

<th rel = "tooltip" data-toggle = "tooltip" title = "Text to show in tooltip">Change to date</th>

$("[data-toggle=\"tooltip\"]").tooltip();

Это должно показать классическую черную всплывающую подсказку. Однако всплывающая подсказка выглядит иначе. Когда я проверяю элемент всплывающей подсказки, я вижу, что все его стили являются производными от jquery-ui.css, но этого не должно быть, потому что пользовательский интерфейс jQuery загружается до Bootstrap:

<!-- jQuery UI -->
<link rel = "stylesheet" href = "//code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css">
<!-- Theme Styles -->
<link href = "/valera/assets/css/bootstrap.css" rel = "stylesheet">
<link href = "/valera/assets/css/bootstrap-responsive.css" rel = "stylesheet">

Кто-нибудь знает, почему это так?