-
Notifications
You must be signed in to change notification settings - Fork 42
Compile your own Bootstrap
Thomas Kuther edited this page Mar 19, 2018
·
5 revisions
This is especially useful for those who'd like to fully customize colors and other things from default Bootstrap, bootstrap-material-design or Bootswatch, and is considered to be the most advanced method of customizing the theme.
You need to know how to develop your own Bootstrap theme using Sass, variable overrides and all that. Explaining this goes way beyond the scope of this wiki. So this is for those that already know what I'm talking about.
- Create the file scss/custom/custom.scss
- Include needed stuff and override variables as desired. The scss/ folder has lots of examples.
- Compile the stylesheet using
npm run build:custom
- Select the "Custom" style in Bootstrap Darkroom's configuration
The scss/custom/*.scss and generated css/custom/*.css files are excluded in .gitignore and therefore will be persistent across theme updates.
- Frequently Asked Questions
- Plugin Support Matrix
- Video support
- EXIF Metadata in PhotoSwipe
- Make it work like Smartpocket
- Add custom CSS and Javascript
- Override the Navbar style and background
- Compile your own Bootstrap
- Add primary links to the top navigation
- Add custom share buttons
- Hide image metadata by default
- Replace default mobile webapp logo icons
- Remove the "Mail to Webadmin" link in the footer
- Pre generate custom size derivatives