Кнопка раскрывающегося списка с XPages не похожа на сайт Bootstrap

Я использую тему начальной загрузки из библиотеки расширений и пытаюсь сделать так, чтобы выпадающая кнопка начальной загрузки выглядела так же, как на сайте начальной загрузки.

Вот как выглядит раскрывающийся список на сайте начальной загрузки

введите описание изображения здесь

Вот как выглядит раскрывающийся список при использовании темы начальной загрузки в демонстрационной базе данных extlib. Я также попытался использовать тот же образец кода с сайта начальной загрузки, но кнопка все еще не "плоская".

введите описание изображения здесь

Как сделать так, чтобы моя раскрывающаяся кнопка имела тот же "плоский" стиль, что и на сайте начальной загрузки, и почему тема начальной загрузки в extlib не делает ее плоской?


person Thomas Adrian    schedule 28.01.2015    source источник
comment
Когда вы используете инструменты разработчика в своем браузере, вы можете увидеть, в чем разница между классами и CSS. Затем вы можете редактировать их, пока они не будут выглядеть одинаково прямо в браузере. Когда вы будете удовлетворены, создайте свою тему, которая расширяет тему начальной загрузки и сглаживает их.   -  person stwissel    schedule 28.01.2015


Ответы (2)


Есть две темы boostrap, которые поставляются с extlib, одна - Bootstrap3.2.0, которая является 3D-версией, и Boostrap3.2.0_flat, которая нужна для отображения плоских кнопок.

person Tony Westwell    schedule 28.01.2015

Реализация Bootstrap в Extlib охватывает две темы: обычную (Bootstrap3.2.0) и плоскую (Bootstrap3.2.0_flat). Просто измените имя темы в XSP props / в своей теме в атрибуте extends.

person Oliver Busse    schedule 28.01.2015