You need to sign in to do that
Don't have an account?
Gitesh Sonavane 6
Can i use lightning design system and bootstrap both in lightning component?
I am implementing lightning design system and bootstrap at the same time in lightning component, But unable to get the desired UI in responsive mode.
Can i use both in lightning component.
Can i use both in lightning component.
Yes you can use both lightning desing system and bootstrap in your lightning component.
Thanks
But why to use both. Lightning also provides all the features that you can develop using bootstrap.
For responsiveness follow the proper structure of the lightning and you can achieve responsive design.
If you are more familiar to bootstrap then you might be using class row and then inside it col-md-5 etc.. You can achieve the same in lightning by using lightning grid system.
In case you find this helpfull. Mark this as a best answer to help others.
Here is my code:
Component.
CSS.
Also, to those who think SLDS is the same as Bootstrap, you must not be very familiar with Bootstrap. Bootstrap has short class names which makes it easy to read and more maintainable. Bootstrap works off of the idea that you have rows and then cols within the rows. SLDS is awful to read and uses columns first, then rows. I don't know anyone who thinks cols first outside of slds. -Just my 2 cents
I am also trying to use Bootstrap in Lightning because I am building a component which is using the lightning table to list out few rows and it is for mobile. But lightning data table is desktop only, this was a surprise. So it is not mobile friendly. the table looks cramped in the mobile. So I wanted to see if there are any consequences on using Bootstrap in lightning component.
Please let me know.
Thanks