Hello,

Since integrating bootstrap and jQuery into the core of DNN, the files to change certain defaults are not accessible.  At least I don't find them in my module project.

Basics: DNN 8.0.4, Windows 10 Pro, VS 2015, using DAL2 MVC module template from Chris Hammond.

I have a use case where I need 14 columns, not 12.  Setting this where the Bootstrap files are accessible is trivial.  But where to I get at them in DNN?

I'll need to reconfigure the file that has the 12 column defaults to something like this.  Where does it live?

My guess is I'll have to modify a core solution file and overwrite something in my project or in the website where it's installed.

Thanks in advance for any suggestions.

16 Grid system with Gutter
@gridColumns: 16
@gridColumnWidth: 45px
@gridGutterWidth: 15px
@gridColumnWidth1200: 52.5px
@gridGutterWidth1200: 22.5px
@gridColumnWidth768: 31.5px
@gridGutterWidth768: 15px

16 Grid system without Gutter
@gridColumns: 16
@gridColumnWidth: 60px
@gridGutterWidth: 0px
@gridColumnWidth1200: 75px
@gridGutterWidth1200: 0px
@gridColumnWidth768: 46.5px
@gridGutterWidth768: 0px

You can do this, I have done it too.
You should not change the core bootstrap as that willl be overwritten on every update.

go to : http://getbootstrap.com/customize/

Select only the grid.
Now prepend all exported classes with .c20

Like this:

.c20 .col-lg-1
.c20 .col-lg-2
...
{
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

You can obviously also parse the less files yourself.

Now wrap any place you need the 20 cols in a div with class .c20

You can still get some conflicts, but in many cases you can get around the issue this way.