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

  • 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?

    Sunday, February 3, 2019 9:12 PM

Answers

  • User475983607 posted
    You have to find the styles that you want then apply the styles to the element(s).
    • Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
    Sunday, February 3, 2019 11:05 PM

All replies

  • User475983607 posted
    You have to find the styles that you want then apply the styles to the element(s).
    • Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
    Sunday, February 3, 2019 11:05 PM
  • 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

    Monday, February 4, 2019 4:55 AM
  • 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

    Monday, February 4, 2019 6:17 AM
  • 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.

    Monday, February 4, 2019 6:54 AM
  • 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.  

    Monday, February 4, 2019 12:11 PM