DrupalCoders - Bootstrap Sass


This project is not covered by Drupal’s security advisory policy.

Do you like SCSS? Do you find it hard to start with Bootstrap SASS?

This theme will help you get started with SCSS Bootstrap in minutes.

What is DrupalCoders Bootstrap SASS ?

DrupalCoders Bootstrap SASS intends to improve bootstrap base theme:

1. Creating sub-theme using Drush
2. Adding compilers for SCSS .
3. Improving SCSS files.
4. Adding easy to read media queries.

Purpose of this theme is to easy add SASS sub-themes.

This theme is using Bootstrap as base theme.

Requirements

This theme is using Bootstrap as base theme, you need to download and enable it before installing DrupalCoders theme.
Bootstrap Theme

Installation

1. Install and enable the theme:

drush dl drupalcoders_bootstrap
drush en drupalcoders_bootstrap

2. Create a sub-theme using drush bsass command:
drush bsass [theme-name]
Example:'drush bsass mytheme'

4. Install node modules:

cd/path/theme
npm install 

5. Compile and Watch SCSS files:
gulp

Usage

Media Queries are changed to:

$mobile:           "screen and (max-width: #{$screen-xs-max})";
$tablet:            "screen and (min-width: #{$screen-sm-min})";
$tablet-only:     "(min-width: #{$screen-sm-min}) and (max-width: #{$screen-sm-max})";
$normal:          "screen and (min-width: #{$screen-md-min})";
$normal-only:   "(min-width: #{$screen-md-min}) and (max-width: #{$screen-md-max})";
$large:             "screen and (min-width: #{$screen-lg-min})";

In SCSS you can use it like @media #{$tablet} { } to help you style faster.

Recommended Modules:

Ckeditor Bootstrap Buttons
Glyphicons
Bootstrap Layouts
Paragraphs Bootstrap Layouts
Bootstrap Paragraphs
Views_bootstrap


DrupalCoders - Bootstrap Sass项目的Drush安装命令:复制到剪贴板

注:个别模块仍需开启相关子模块。

项目分类:

其他版本下载:

版本下载地址发布日期发布说明翻译下载
8.x-1.0-alpha2tar.gz (478.36 KB) | zip (623.18 KB)2017年12月7日发布说明简 | 繁 | 更多

开发版本下载:

版本下载地址发布日期发布说明翻译下载
8.x-1.x-devtar.gz (478.36 KB) | zip (623.18 KB)2017年12月7日发布说明简 | 繁 | 更多