Пользовательская тема WooCommerce CSS проблемы с Bootstrap

Question

Я заметил странное поведение CSS на странице MyAccount в WooCommerce.

Это происходит, когда я загружаю bootstrap .min. css в мою дочернюю тему. Я использую его для элемента * jumbotron bootstrap на своей пользовательской странице.

Как мне избежать этого? bootstrap не совместим?

Так я загружаю файл css (действие wp_enque_scripts)

    wp_enqueue_style('bootstrap-css', get_stylesheet_directory_uri().'/bootstrap/bootstrap.min.css', false, NULL, 'all');

<div class="u-columns col2-set" id="customer_login">

<div class="u-column1 col-1">
...
</div>

<div class="u-column2 col-2">
...
</div>

</div>

Answer 1

Если вы все еще хотите использовать bootstrap, просто переопределите правила css страницы моей учетной записи, добавив уникальный класс.