# Bootstrap CSS overriding default style

**URL:** <https://meta.discourse.org/t/bootstrap-css-overriding-default-style/69565>\
**Category:** Support\
**Created:** [September 7, 2017, 4:58pm UTC](https://meta.discourse.org/t/bootstrap-css-overriding-default-style/69565 "2017-09-07T16:58:32Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![jj11909](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jj11909/32/206050_2.png) [@jj11909](https://meta.discourse.org/u/jj11909)\
**Post date:** [September 7, 2017, 4:58pm UTC](https://meta.discourse.org/t/bootstrap-css-overriding-default-style/69565/1 "2017-09-07T16:58:32Z")

</div>

I am creating a custom banner that advises users how to use our forum. The built in banner feature is not powerful enough to do what I need (buttons, image rotation etc) so I am simply injecting custom items into #banner-content.

It works fine if I import bootstrap manually via CDN however doing so completely throws off all styling on the rest of the site. If I leave it out I can’t use rows or scaffolding.

Is bootstrap already included or am I missing something?!?!

---

<div class="post-metadata">

**Author:** ![barryvan](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/barryvan/32/82635_2.png) [@barryvan](https://meta.discourse.org/u/barryvan)\
**Post date:** [September 8, 2017, 12:07am UTC](https://meta.discourse.org/t/bootstrap-css-overriding-default-style/69565/2 "2017-09-08T00:07:43Z")

</div>

Discourse isn’t built on top of Bootstrap, and Bootstrap assumes that it will own _everything_ on the page. That means that you can’t really bring Bootstrap in without throwing Discourse off.

You’ll need to build it all with plain CSS or scope your styles.

Alternatively, you could look at hosting your information content elsewhere, and then bring it in via an `iframe` – this would allow you to use whatever frameworks and libraries and what-not you want. It would, however, also mean that you’d have to give the banner a fixed size.

---

<div class="post-metadata">

**Author:** ![jj11909](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jj11909/32/206050_2.png) [@jj11909](https://meta.discourse.org/u/jj11909)\
**Post date:** [September 8, 2017, 12:36pm UTC](https://meta.discourse.org/t/bootstrap-css-overriding-default-style/69565/3 "2017-09-08T12:36:29Z")

</div>

Barry,  
Your alternate ended up being exactly what I did. Super easy that way.

---

<div class="post-metadata">

**Author:** ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)\
**Post date:** [July 25, 2018, 2:25am UTC](https://meta.discourse.org/t/bootstrap-css-overriding-default-style/69565/4 "2018-07-25T02:25:29Z")

</div>


