Migrate your (former) Skematik theme framework to Twitter’s Bootstrap 3: Instructions for theme developers

At Jamedo Websites we work with the Skematik Theme(work) to build responsive websites. Unfortunately the website was down for a while and Skematik use Twitters Bootstrap 2 only. Cause we need a new version of Skematik i start to migrate it to TB3. You will find this new version on: https://github.com/bassjobsen/jamedo-bootstrap-start-theme. To use the theme
Continue reading: Migrate your (former) Skematik theme framework to Twitter’s Bootstrap 3: Instructions for theme developers

Compile Twitter’s Bootstrap 3 without responsive features

Bootstrap 3 will be mobile first. No more separate responsive CSS file. Nice, but what if you don’t need / want the responsive features for some reason? So i try to compile Compile Twitter’s Bootstrap 3 without responsive features. First i made a list of all less files writing media queries: ./print.less:@media print { ./modals.less:@media
Continue reading: Compile Twitter’s Bootstrap 3 without responsive features

Custom button colors in Twitter’s Bootstrap 3

Twitter’s Bootstrap 3 also delivers 6 button colors. Define your own button colors will a lot simpler as in Twitter’s Bootstrap 2. Cause TB3 drops support for IE7 the button css becomes more straight forward. Every button color still got 3 variants (default, active and disable). For the active state an background and border color
Continue reading: Custom button colors in Twitter’s Bootstrap 3

Migrate your templates from Twitter Bootstrap 2.x to Twitter Bootstrap 3

NB the text below has been written with Twitter’s Bootstrap 3 RC1 in mind. RC2 show important changes, so also read: Major points for migration: reconsider your base templates rename your grid classes if you templates don’t use the fluid layout, check nesting rows check and reconsider the stacking of elements in the new mobile
Continue reading: Migrate your templates from Twitter Bootstrap 2.x to Twitter Bootstrap 3

Twitter Bootstrap 3 breakpoints and grid

Release Candidate 2 has important changes for the grid and the grid classes. Read Twitter’s Bootstrap 3 RC2 (important changes) The most important changes in Twitter Bootstrap 3 will be the more mobile-first approaching and the grid. From now Twitter’s Bootstrap defines three grids: Tiny grid for Phones (<768px), Small grid for Tablets (<992px) and
Continue reading: Twitter Bootstrap 3 breakpoints and grid

Explore and install Twitter Bootstrap 3

Release Candidate 1 of Twitter’s Bootstrap 3 has been released now. With RC1 Bootstrap uses Grunt to compile the files (see at the end of this post) Twitter Bootstrap 3 is not ready for production yet. At this time you can download the latest version on GitHub. To build and compile this version you need
Continue reading: Explore and install Twitter Bootstrap 3