gwtbootstrap всегда применяется ко всем элементам

Question

Я хочу использовать GWT bootstrap для моего приложения, поэтому я добавил jar в путь к классам и унаследовал его в app.gwt.xml, и он работает до сих пор (я новичок в Bootstrap).

До сих пор я не использовал UIBinders для компоновки, и, если бы это было возможно, хотелось бы оставить его таким образом, поскольку у меня очень динамичный пользовательский интерфейс, который генерируется программно, и у меня мало опыта работы с UIBinders. Однако для элементов, которые я хочу использовать из gwtbootstrap, я создал UIBinders (например, заголовки и кнопки).

Проблема заключается в том, что не только элементы, которые я создаю с помощью UIBinders с использованием элементов gwtbootstrap, выглядят как элементы gwtbootstrap, но все элементов на странице.

Простой пример: он не делает никакой разницы, если я создаю заголовок, как это, используя загрузочный элемент

<b:Heading size="2">Hello GWT Bootstrap</b:Heading> 

или как это, используя стандартный HTML

<h1>Hello GWT Bootstrap</h1> 

оба выглядят как GWT Bootstrap заголовок. То же самое относится ко всем другим элементам, поэтому любой элемент на странице оформляется gwtbootstrap, даже если я не хочу этого, и я не могу найти способ контролировать это.

Answer 1

Это потому, что GWT-самозагрузки впрыскивает bootstrap.css в приложение GWT и bootstrap.css определяет стили по умолчанию для стандартных HTML-элементов, таких как <h1> и т.д.

Если вы не хотите начальной загрузки, чтобы переопределить стили по умолчанию есть несколько решений:

1. Изменение bootstrap.css в GWT-начальной загрузке файла библиотеки и удалить стили, которые вы не хотите
2. Создать отдельный файл CSS, который задает стили для конкретных HTML-элементов задний (используя! важное)
3. Расширяет gwt-bootstraps CssResources и передает пользовательский файл css.

Решение 3, вероятно, является самым чистым.