Bootstrap 4’s responsive navbars

Bootstrap 4 is in development. The alpha 3 stage had been reached yet. The new navbar is a simple wrapper for positioning branding, navigation, and other elements into a concise navigation header. Many people has started testing Bootstrap 4 already. Before you start you should know that i did NOT switch from Less to Sass,
Continue reading: Bootstrap 4’s responsive navbars

How to set up Panini for different environments

Panini is a super simple flat file generator for use with Gulp. It compiles a series of HTML pages using a common layout. These pages can also include HTML partials, external Handlebars helpers, or external data as JSON or YAML. Consider the case you code a Gulp build process with different environments for development and
Continue reading: How to set up Panini for different environments

NO, i did NOT switch from Less to Sass!

ince i announced my new Book a while ago, many people already asked me if i did switch from Less to Sass. My new book is called “Sass and Compass Designer’s Cookbook” and before i wrote some books about Less. I’m not going to tell you which pre-processor for CSS code you should use. Many
Continue reading: NO, i did NOT switch from Less to Sass!

Preserve settings and customizations when updating Bootstrap

Recently i launched the Bootstrap CLI tool. This tool installs Bootstrap 4 and an example template to start your project. The templates for the Bootstrap CLI tool install Bootstrap 4 with bower, which means that you can update Bootstrap by simply running bower update. Updating Bootstrap shouldn’t destroy your changes. All of Bootstrap’s Sass variable
Continue reading: Preserve settings and customizations when updating Bootstrap

Bootstrap 4 and WordPress

As already mentioned in my previous post about Bootstrap 4; i have built a WordPress Starter Theme with Bootstrap 4. If you like both Bootstrap and WordPress you should really try it! People claim that Bootstrap and WordPress don’t always match, some opinions about that can be found at When to Use Bootstrap for Your
Continue reading: Bootstrap 4 and WordPress

Bootstrap 4 meets WordPress

Bootstrap 4 is coming soon! I build a WordPress theme for Bootstrap 4 (alpha release) inspired on the JOINTSWP starters theme. Bootstrap 4 comes with many improvements and new features. Bootstrap 4 is compiled with Sass instead of Less now. You can download the JBST 4 theme at: https://github.com/bassjobsen/jbst-4-sass/archive/master.zip. Now you can use Gulp and
Continue reading: Bootstrap 4 meets WordPress

How to install a Start Bootstrap theme on Ruby on Rails 4 using Sass?

I want to install a theme called Grayscale of Start Bootstrap and I don’t know how to do it. user2993674 on Stackoverflow Install a new Ruby on Rails by running >> rails new grayscale. Navigate to your project folder >> cd grayscale then run the following commands: Sass / SCSS >> git clone https://github.com/blackfyre/https://github.com/blackfyre/grayscale-sass.git.git >>
Continue reading: How to install a Start Bootstrap theme on Ruby on Rails 4 using Sass?

Why does Bootstrap have nav and nav-stacked as different classes?

The “Why does Bootstrap have nav and nav-stacked as different classes?” was original posted on stackoverflow. You could ask the same for the .btn and .btn-* classes or the .navbar classes and many other classes in Bootstrap’s Less code. In short: CSS size (there’re hundreds of such specific-class/base-class tiers so if each .btn-sm would inherit
Continue reading: Why does Bootstrap have nav and nav-stacked as different classes?

Less for the Ionic framework

This week I started to build a Less version for the Ionic framework. The Ionic framework, or shortly Ionic is a beautiful, open source front-end SDK for developing hybrid mobile apps with HTML5. Why should you need a Less version when there’s already a SASS version? Well, I know that Less vs SASS had been
Continue reading: Less for the Ionic framework

FireLess and Less v2

In my Less Web Development Essentials book which can be found at https://www.packtpub.com/web-development/less-web-development-essentials i refer to FireLess for client side compiling and debugging Less code. When compiling your Less code in browser you can not use CSS sourcemaps to map the compiled code to its origin. There’s no technical barrier to get inline source maps
Continue reading: FireLess and Less v2