Can I use another boostrap theme just for an element in a page

Question

User283528319 posted

hi all,

I use bootstrap-lumen theme but want to use dark theme for my pagination element.

Can I use bootstrap-dark for only one element in my page?

Answer 1

User475983607 posted
You have to find the styles that you want then apply the styles to the element(s).

Answer 2

User283528319 posted

You have to find the styles that you want then apply the styles to the element(s).

is this the only way? Why bootstrap doesn't have support for nested theming? like

(#MyCoolElement).bootstraptheme:bootstrap-sandbox

(#MyLessCoolElement).bootstraptheme:bootstrap-lumen

Answer 3

User839733648 posted

Hi fatihbarut,

Just as mgebhard has said, if you want one element to use one reference style, you could find it and set its class like:

<div id="yourid" class="the-theme-class-name">
</div>

Or if possible, please provide more details like related codes so that it will be easier for us to help with you.

Best Regards,

Jenifer

Answer 4

User283528319 posted

<g class="gr_ gr_12 gr-alert gr_gramm gr_inline_cards gr_run_anim Punctuation only-ins replaceWithoutSep" id="12" data-gr-id="12">Hi</g> <g class="gr_ gr_11 gr-alert gr_spell gr_inline_cards gr_run_anim ContextualSpelling" id="11" data-gr-id="11">fatihbarut</g>,

Just as <g class="gr_ gr_10 gr-alert gr_spell gr_inline_cards gr_run_anim ContextualSpelling ins-del multiReplace" id="10" data-gr-id="10">mgebhard</g> has said, if you want one element to use one reference style, you could find it and set its class like:

<div id="yourid" class="the-theme-class-name">
</div>

Or if possible, please provide more details like related codes so that it will be easier for us to help with you.

Best Regards,

Jenifer

Yeah I know it, actually found it, just wanted to learn best practice, if there is.

Answer 5

User475983607 posted

is this the only way? Why bootstrap doesn't have support for nested theming? like

This is a browser support issue not Bootstrap.