Skip to content

Create and compile your own bootstrap.min.css with this template. Compiled CSS can be used in bootScore theme. This template is not needed anymore since bootScore 5.1.1.1.

License

Notifications You must be signed in to change notification settings

bootscore/bootstrap-5-sass-template-for-vscode

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

25 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Bootstrap 5 Sass Template for Visual Studio Code Editor

Create and compile your own bootstrap.min.css with this template. Compiled CSS can be used in bootScore theme.

Documentation: https://bootscore.me/documentation/custom-bootstrap-min-css/

General Usage

  1. Download file and unzip
  2. Download and install Visual Studio Code Editor https://code.visualstudio.com/download
  3. Open Visual Studio Code Editor and install Live Sass Compiler Extension https://marketplace.visualstudio.com/items?itemName=ritwickdey.live-sass
  4. Open file folder in Visual Studio Code Editor
  5. Open index.html in browser
  6. Edit variables in folder /dist/css/bootstrap.scss. Available variables can be found in folder /scss/_variables.scss
  7. Save file
  8. Klick "Watch Sass" in the blue banner in VSCode window
  9. Enjoy your new Bootstrap

Usage in bootscore-child / bootcommerce-child

  1. Copy your generated bootstrap.min.css, bootstrap.min.css.map (optional), bootstrap.scss (optional, in case you want to edit later, store a copy of it) in folder /css/lib/ in child theme.
  2. Insert following snippet in child-theme's functions.php:
// Overide bootstrap.min.css in child-theme
function bootscore_replace_bootstrap() {

    // Dequeue parent-theme bootstrap.min.css
    wp_dequeue_style( 'bootstrap' );
    wp_deregister_style( 'bootstrap' );

    // Enqueue new bootstrap.min.css in child-theme
    wp_enqueue_style( 'child-theme-bootstrap', get_stylesheet_directory_uri() .'/css/lib/bootstrap.min.css' , array('parent-style'));
}

add_action( 'wp_enqueue_scripts', 'bootscore_replace_bootstrap', 20 );
  1. Enjoy your new bootScore

About

Create and compile your own bootstrap.min.css with this template. Compiled CSS can be used in bootScore theme. This template is not needed anymore since bootScore 5.1.1.1.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published