We recently relaunched ItaloAmericano.org with a new theme based on Bootstrap. One of our goals was to minimize the need for additional modules and javascript packages, since Bootstrap comes with just about everything we need. A feature used throughout the site is a responsive carousel of featured articles for each of the main categories. The […]
Tag: Bootstrap
Drupal Bootstrap theme does not support IE8 by default. IE8 does not understand HTML5-specific markup and CSS3 media queries. Without support for HTML5 and media queries, you will only see the “mobile” view when you load a Bootstrap theme in IE8. You’ll need to add support for these two features yourself. If you need to […]
An updated guide is available! See Drupal Bootstrap 3.4 Instructions Bootstrap is our favorite starter theme for Drupal 7. However, the documentation is a little out of date and incomplete for Bootstrap 3.1.x and newer. The template files are also in an unusual place, making getting started with the subtheme trickier than it needs to be. […]
The latest version of Bootstrap 3.x has some great UI features out of the box, but you’ll have to customize it to really make it your own. You can override the Bootstrap CSS with your own, but it’s so much easier to make small edits to the source LESS files and then compile them into […]
Bootstrap 3.0 and newer no longer supports multiple tier dropdowns for navigation bars. This snippet of jquery prevents Bootstrap from toggling the “open” classes when you go past the first dropdown. No additional CSS or markup required! /** * NAME: Bootstrap 3 Triple Nested Sub-Menus * This script will active Triple level multi drop-down menus in Bootstrap […]
Drupal Bootstrap replaces instances of input type=”submit” into buttons by default. This occasionally breaks other module functionality such as hierarchical select module. Rather than hack the bootstrap module we can declare our own theme_button() call in template.php which would override bootstrap’s bootstrap_button() modification. Enter this in your subtheme’s template.php file and update “YOURTHEME” to your […]
Categories
Bootstrap 3 UI Kit
The good folks at BootstrapUIKit.com put together vector Bootstrap 3 UI elements in AI, EPS, and Sketch formats. Download the kit For more info on Bootstrap, check out the docs.
Ever have a situation where adding a class or ID to your HTML markup is difficult? This is a common occurrence when working with content management systems or modules/plugins where the code is generated for you. A perfect example is Drupal, where adding classes often requires either writing a custom module to override the output, […]
Categories
Who moved my app.css? (Roots Theme)
If you’ve been using the Roots theme, you might be in for a surprise if you upgrade to the latest version (6.5.0+). The familiar base CSS files (bootstrap.css and bootstrap-responsive.css) and blank custom file (app.css) have been replaced with a single compressed file, main.min.css. The newest version of Roots is designed for developers with access […]
Most users are familiar with dropdown menus on websites. Move your mouse pointer over the parent and it shows the dropdown menu with the children links. The Twitter Bootstrap, in order to accommodate mobile devices, has this functionality as “on click” for the dropdown to appear, instead of mouse over. As a result, the top […]