Project Description

bootstrapSP is a name spaced variant of the twitter Bootstrap v3 to be easily used within SharePoint and other environments where css names are overlapping..

The Idea
As it is widely known SharePoint does not play well with Bootstrap. There are several projects/solutions out there, which didn't really fit my requirements. As BootStrap is based on the LESS css framework, this came handy to encapsulate bootstrap within a dedicated namespace.

Therefore bootstrapSP will not be applied everywhere, but just within the boostrapSP div.

Example

<!--- Here bootstrap css is not working-->

<div class="bootstrapSP">
    <!-- regular bootstrap css syntax working -->
    <div class="btn-group">
       <button type="button" class="btn btn-default">Left</button>
       <button type="button" class="btn btn-default">Middle</button>
       <button type="button" class="btn btn-default">Right</button>
    </div>
</div>

<!--- Here bootstrap css is not working-->

Build Process

The css was built using winLess as less compiler; the following was done to build it.

• Download .less files from bootstrap
• concat all less files into one single file and remove any @import statements
• create the following bootStrap.less file
  .bootstrapSP { @import "bootStrap.less"; }
• compile a minimized version of bootstrapSP