Title: Conflict with bootstrap !
Last modified: March 10, 2018

---

# Conflict with bootstrap !

 *  [hwsiew](https://wordpress.org/support/users/hwsiew/)
 * (@hwsiew)
 * [8 years, 3 months ago](https://wordpress.org/support/topic/conflict-with-bootstrap/)
 * It seems to be oceanwp is not compatible with bootsrap. If my site load bootstrap,
   all style on the page will be off, and if i remove bootsrap everything will properly
   display again.
 * Anyway to workaround?
 * Thanks

Viewing 5 replies - 1 through 5 (of 5 total)

 *  Theme Author [oceanwp](https://wordpress.org/support/users/oceanwp/)
 * (@oceanwp)
 * [8 years, 3 months ago](https://wordpress.org/support/topic/conflict-with-bootstrap/#post-10060139)
 * Hello, I don’t recommend bootstrap because it is pretty heavy, what do you want
   to do and doesn’t work?
 *  Thread Starter [hwsiew](https://wordpress.org/support/users/hwsiew/)
 * (@hwsiew)
 * [8 years, 3 months ago](https://wordpress.org/support/topic/conflict-with-bootstrap/#post-10060324)
 * Hi, I am trying to build some custom pages which use bootstrap. However, when
   bootstrap is loaded, all alignment of oceanwp in that page went off.
 * And, this implies that any plugin uses bootstrap for styling will not work well
   with oceanwp?
 * Thanks for the reply.
    -  This reply was modified 8 years, 3 months ago by [hwsiew](https://wordpress.org/support/users/hwsiew/).
 *  Theme Author [oceanwp](https://wordpress.org/support/users/oceanwp/)
 * (@oceanwp)
 * [8 years, 3 months ago](https://wordpress.org/support/topic/conflict-with-bootstrap/#post-10061973)
 * Hi, can you show me the page? I saw users use bootstrap without problem so I 
   can probably solve the issue 🙂
 *  Thread Starter [hwsiew](https://wordpress.org/support/users/hwsiew/)
 * (@hwsiew)
 * [8 years, 3 months ago](https://wordpress.org/support/topic/conflict-with-bootstrap/#post-10067860)
 * HI, I have created two pages with and without bootstrap stylesheet. Notice the
   change in navigation bar as it styles change after loaded bootstrap stylesheet.
 * [https://dev.actiweb.site/with-bootstrap/](https://dev.actiweb.site/with-bootstrap/)
   
   [https://dev.actiweb.site/without-bootstrap/](https://dev.actiweb.site/without-bootstrap/)
 * Thank you
 *  Theme Author [oceanwp](https://wordpress.org/support/users/oceanwp/)
 * (@oceanwp)
 * [8 years, 3 months ago](https://wordpress.org/support/topic/conflict-with-bootstrap/#post-10069024)
 * Hello, try this css code:
 *     ```
       #site-navigation-wrap .dropdown-menu {
           position: relative;
           top: auto !important;
           float: none;
           display: block;
           border: 0;
       }
       ```
   

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Conflict with bootstrap !’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/oceanwp/4.1.6/screenshot.png)
 * OceanWP
 * [Support Threads](https://wordpress.org/support/theme/oceanwp/)
 * [Active Topics](https://wordpress.org/support/theme/oceanwp/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/oceanwp/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/oceanwp/reviews/)

 * 5 replies
 * 2 participants
 * Last reply from: [oceanwp](https://wordpress.org/support/users/oceanwp/)
 * Last activity: [8 years, 3 months ago](https://wordpress.org/support/topic/conflict-with-bootstrap/#post-10069024)
 * Status: not resolved