Bootstrap to Develop Responsive page.
Hi All, We are building a web page for our community and we are planning to use bootstrap for responsiveness. My question is, will Lithium supports bootstrap tags? Thanks, Suchith
Forum Discussion
Hi Myko_P,
do you have an example what shows the "dramatically affects Lithium's default components and layout"?
While Lihtium under the hood uses Bootstrap too, maybe the there are some side effects regarding your header/footer style definitions. These maybe overrides Lithium designs and/or layout settings.
Hi cike ,
Sure, I got the examples.
In my case using the default out of the box Bootstrap 4 CSS library affects the CSS styles of many standards out of the box community components. Below this message are "before" and "after" screenshots of the out of the box Lithium's standard "New solutions", "Community Board List" and "Groups" components. So, in my opinion, that can be easily called "dramatically affects" if we are talking about the UX/UI.
It is all about the default bootstrap.min.css. So I just removed the link to it from the community wrapper and tried to dig deeply into the Lithium communities responsive developer documentation as well as into the sass files of the default responsive skin to figure out the way how I can use custom Lithium's bootstrap based CSS framework instead of the default Bootstrap CSS library.
My personal experience is that you can't just use the default Bootstrap 4 CSS library to customize your community.
"New solutions" standard component before I linked the default Bootstrap 4 CSS library
"New solutions" standard component AFTER I linked the default Bootstrap 4 CSS library
"Community Board List" and "Groups" standard components before I linked the default Bootstrap 4 CSS library
"Community Board List" and "Groups" standard components AFTER I linked the default Bootstrap 4 CSS library
