sharepoint - How can I remove box-sizing: border-box from Bootstrap CSS? -
i building sharepoint 2013 site , i'm including bootstrap minified css v3.3.4 files within site able use tabs organizational purposes.
this thing inclusion of bootstrap css makes "help" symbol , "focus on content" button messed up. problem 1 line of code within bootstrap css file. "box-sizing:border-box;" , when turned off (while using inspect element tool) looks fine again. i'm asking how can remove/turn off line of code within css file can include css file no issues?
note: i'm asking here because has css , bootstrap - asking on sharepoint stack exchange doesn't fit question.
thanks.
i had same problem sharepoint 2013 sites when using bootstrap in branding. need override effects adding css file after corev15.css , bootstrap.css references, following:
#suitebar *, #s4-ribbonrow * { -webkit-box-sizing: initial; -moz-box-sizing: initial; box-sizing:content-box; }
this target box-sizing:content-box suitebar , ribbon rows sections of sharepoint page. hope helps.
Comments
Post a Comment