# Web sdk style problem with bootstrap version

**URL:** <https://devforum.zoom.us/t/web-sdk-style-problem-with-bootstrap-version/26704>\
**Category:** Web\
**Created:** [August 10, 2020, 11:25am UTC](https://devforum.zoom.us/t/web-sdk-style-problem-with-bootstrap-version/26704 "2020-08-10T11:25:57Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![mohammadlockman](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/mohammadlockman/32/11261_2.png) [@mohammadlockman](https://devforum.zoom.us/u/mohammadlockman)\
**Post date:** [August 10, 2020, 11:25am UTC](https://devforum.zoom.us/t/web-sdk-style-problem-with-bootstrap-version/26704/1 "2020-08-10T11:25:57Z")

</div>

when i use zoom web sdk in my existing web application angular project it does not show video like

 ![badv](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/2X/b/b9a9df9ebfaefa74b3d592a889cb03cc1e0c01d0.png)

because i use bootstrap v4.3.1 css in my project.

if i use “node\_modules/@zoomus/websdk/dist/css/bootstrap.css”, in my project it works good for zoom video like

 ![goodv](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/2X/5/5bc571c12d34e57e975e601435c1daac436365e2.png)

but my project css structure broken down and all modal are not open because of the version of bootstrap(v3.1.1) of zoom web sdk is very backdated how can i solve it?

---

<div class="post-metadata">

**Author:** ![tommy](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/tommy/32/72769_2.png) [@tommy](https://devforum.zoom.us/u/tommy)\
**Post date:** [August 10, 2020, 6:00pm UTC](https://devforum.zoom.us/t/web-sdk-style-problem-with-bootstrap-version/26704/2 "2020-08-10T18:00:11Z")

</div>

Hey @mohammadlockman,

Please see my post here about Web SDK styling within your app:

> [@Integrating zoom web sdk breaks existing bootstrap features.?](https://devforum.zoom.us/t/integrating-zoom-web-sdk-breaks-existing-bootstrap-features/13661/5):
>
> Hey @desarrollos.nit, @punya.pradeep94, The Web SDK does not play well with custom styling. It was designed to be a standalone page. Your best bet is to host it on a seperate isolated path or sub domain that does not affect your sites CSS. Utilize the leaveUrl to navigate back to your main web app after the meeting ends. There will be a No-UI Web SDK in the future. Thanks, Tommy

Thanks,  
Tommy

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/6/1/614bdd549b610bbaa46ff934617683a02bdaa03c.png) [@system](https://devforum.zoom.us/u/system)\
**Post date:** [September 10, 2020, 4:00am UTC](https://devforum.zoom.us/t/web-sdk-style-problem-with-bootstrap-version/26704/3 "2020-09-10T04:00:12Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.