I created theme that extend luma. I have integrated bootstrap into magento using this link after that product detail page and page header alignment are not nice. Due to commonalities between these two framework - bootstrap css and luma/adaptive css there's quite a bit of collusion happening, causing confusion and odd behavior.

Bootstrap is responsive web design, Luma use adaptive web design.

is this good way to integrate bootstrap into luma extended theme?

I'm looking expert suggestions to what are the things I need to concern If I integrate bootstrap into luma extended theme.

  • 1
    Try this one: magento.stackexchange.com/questions/104461/… – MazeStricks Jan 17 '17 at 9:01
  • 1
    Example of porto theme \magento\app\design\frontend\Smartwave\porto\Magento_Theme\layout\default_head_blocks.xml <page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd"> <head> <css src="bootstrap/css/bootstrap.css" /> <css src="bootstrap/css/bootstrap-theme.css" /> <script src="jquery.js" /> <script src="bootstrap/js/bootstrap.min.js" /> </head> </page> – Ankit Shah Jan 17 '17 at 9:02
  • thanks guys! my question is not about how to add bootstrap. after added the page looks weird. how you guys are overcome this behavior? if I need to override bootstrap css I need to do lot of place so I thought it would not be a great solution. – Bilal Usean Jan 17 '17 at 9:12

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Browse other questions tagged or ask your own question.