Magento 1.9 : How to add HTML, BOOTSTRAP & CSS to static block?

[Aveeva]

Following are my responsive html code with bootstrap design, if i add to CMS->Page->Content my cms page look like collapsed, header and footer alignment issue.

https://codepen.io/ave-zue/pen/XWWWjYa

If I directly add above code into CMS->Page->Content, header and footer alignment collapsed.

What is the proper way to add my design to my block?

[Manthan Dave]

Hi @Aveeva 

Add the css and JS files in your theme and load it on header and footer respectively.

then add this HTML code in backend static block and load that static block into the specific cms page.

Actually you will require to load this css and JS files dynamically from the file so that later it won't create any conflicts.

Once this all files are completely loaded - just add the rest html code from the backend and it will works for you !

Hope it helps.

[Aveeva]

@Manthan Dave  Could you pls explain in brief?