function readOnly(count){ }
Sign Up ›
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
Learn More

Browse by Topic
ShowAll Questionssorted byDate Posted
+ Start a Discussion
Aakanksha SinghAakanksha Singh 

Conflicts on including bootstrap in vf page.

Hello,

On including bootstrap files in vf pages the page css is also getting affected, how can i prevent that?

Thank You
Regards
@Karanraj@Karanraj
Turn off the standard style sheet off in your visualforce page  
<apex:page standaradstylesheets="false" >
Else check this Boostrap-force https://github.com/azhar-js/bootstrap-force Bootstrap-force is a modification to the original Twitter Bootstrap layout framework. Making it usable without any CSS/JavaScript conflicts inside Visual force pages in Salesforce. You can use this along with Salesforce Standard List layouts as well
 
Aakanksha SinghAakanksha Singh
Thanks for answering.

Athough I fixed this situation myself, there's no need to include all these files. If we compare the Default css of salesforce and bootstrap, the css of body in salesforce "font-size: 75%" is overridden by that of bootstrap "font-size: 14px", All we need to do is decrease the font-size to 12px instead of 14px.

Hope that helps.
Thanks Again!