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

Popular posts from this blog

yii2 - Yii 2 Running a Cron in the basic template -

asp.net - 'System.Web.HttpContext' does not contain a definition for 'GetOwinContext' Mystery -

mercurial graft feature, can it copy? -