Twitter Bootstrap

A group that discusses projects, tools and techniques for integrating the Twitter Bootstrap framework with Drupal. Join us on IRC at #drupal-bootstrap.

tonystar's picture

Lightweight Twitter Bootstrap theme

This is a lighter and more user-friendly alternative of the Bootstrap theme. It's ready to use out of the box. Perfect for blogging and documentation.

Key features:

  • Automatic carousel animation
  • Full-featured navbar
  • Affixed sidebars for social plugins
  • Special regions for counters and trackers
  • ...

Project: http://drupal.org/project/tweme

Demo: http://tonystar.ru

drupalstrap's picture

Bootstrap fieldgroup

This module adds a new set of formatters to the Field Group options when
configuring a view mode display, to render field groups with Bootstrap markup.

The formatters can be applied to the node create/edit form, as well as on
display.

http://drupal.org/project/bootstrap_fieldgroup

vitkuz's picture

What is the best way to use bootstrap modal with drupal?

Hi!

Thanks for you work!

I'd like to know what is the best way to use bootstrap modals with druapl. I want to show "Login form" and Status Massages in modal.

My basic (dummie?) aproach:

1) I create html and paste it at the bottom in page.tpl.
2) I create link that trigers modal widow and paste it in block.

It worked! But I feel like the is much better aproach?

Thanks!

hatuhay's picture

New sub-theme based on Bootstrap using Skinr

Just published full version of subtheme for Bootstrap as Bootstrap Barrio.
The hole idea is based on adding parameters to handle column widths and fluid layouts, and Skinr for blocks behavior.
Generates modals for any block with just a click.

Read more
drupalstrap's picture

bentino's sandbox: Bootstrap Submenu Block

This is a sandbox project, which contains experimental code for developer use only.

In some case the primary menu want more than

element. This module helped developer can customize display of sub-menu item, by using Views module to customize output of display, so you can easily style the element and also fully integrate with drupal's menu system.
*Use with Bootstrap: http://drupal.org/project/bootstrap

arosenkoetter's picture

Drupal Developer | Sol Design Company

Employment type: 
Full time
Employment type: 
Contract
Telecommute: 
Allowed

Job Description
Candidate will join the programming team in the development of interactive web and mobile applications and interact with management and clients to assist in establishment of requirements and timelines. This is a fast-paced agency environment, requiring a self-starter who is on the top of his or her game and desires to lead the industry.

Desired Skills & Experience
- Drupal: Drupal experience is required. The candidate must have experience with Drupal theming and ideally with custom module development.

Read more
drupalstrap's picture

ded theme

Drupal theme making heavy use of Twitter bootstrap (github). http://drupal.org/project/ded

Twitter Bootstrap Theme vs Ded Theme

Twitter Bootstrap Project uses less. The PHP less compiler has issues that the less javascript / nodejs compiler doesn't have, creating inconsistent styles. Less inheritance is clunky, nested styles are not inherited. This means using semantic markup is out of the question. This makes it impossible to style Drupal using twitter without lots of theme overrides, which could mess up styles provided by 3rd party modules as the classes will be different.

Read more
drupalstrap's picture

nguerrero's sandbox: Geo Bootstrap

so, you can check this out. very ugly but perhaps there are some gems in the code!
http://drupal.org/sandbox/nguerrero/1965498

cheers
Kevin

drupalstrap's picture

Twitter bootstrap panels

Greetings,

This is a fork of the project - http://drupal.org/project/bootstrap oriented to panels integration. Check it out! Cheers Kevin

drupalstrap's picture

Panels Bootstrap Layouts

Not sure how I missed this one... but a great tool for panels users. http://drupal.org/project/panels_bootstrap_layouts Cheers Kevin

drupalstrap's picture

taggartj's sandbox: Drupal 7 bootstrap carousel

Easily create a bootstrap carousel for use with http://drupal.org/project/bootstrap Bootstrap theme 7.x-2.0-beta and above.

Check it out at http://drupal.org/sandbox/taggartj/1953914

drupalstrap's picture

Effort to combine all bootstrap projects underway

Greetings,

This is great news! There is a new effort underway by the project/bootstrap project to combine the efforts of all bootstrap projects. You can find the sandbox here http://drupal.org/sandbox/dellintosh/1896930. Be sure to check it out and contribute if possible.

Here is an important note from the developer:

If you'd like to see some more advancement on this front, could you help encourage the maintainers to allow us all to work together on that namespace? Perhaps that would help us minimize duplication of these projects and bring "the best of all worlds" together.

drupalstrap's picture

Preboot

This may be of particular interest to Bootstrap site builders. Preboot is a comprehensive and flexible collection of LESS utilities. http://getpreboot.com/

Cheers
Kevin

drupalstrap's picture

rerooting's sandbox: Radix UI

Greetings,

This seems to be a great project. I think making Bootstrap components and plugins via ctools is a great approach that makes many of bootstrap goodies easily accessible as panel and panel pane styles. While made for Radix theme and Panolopy, these plugins can be used with custom panels configurations. Check it out here http://drupal.org/sandbox/rerooting/1890090.

Cheers
Kevin

drupalstrap's picture

Views Bootstrap

This module provides Twitter Bootstrap's Components integration with Views module. Current components integrated include carousel and thumbnails. http://drupal.org/project/views_bootstrap

Cheers
Kevin

drupalstrap's picture

dellintosh's sandbox: Bootstrap - Combined

Greetings,

Here is another Bootstrap project I am submitting for discussion. This one is supposed to initiate the process of combining the best features from all Bootstrap projects into a single project. Check it out at http://drupal.org/sandbox/dellintosh/1896930

Cheers
Kevin

drupalstrap's picture

Font Awesome

Here is a nice new module http://drupal.org/project/fontawesome. Now we can include fontawesome in libraries. Cheers, Kevin

drupalstrap's picture

Base Building Blocks

Greetings,

Another Bootstrap theme for Drupal called Base Building Blocks at http://basethe.me/. Base Building Blocks is an HTML5 base theme for Drupal 7.x. It has lots of goodies in it, including Twitter Bootstrap, Font Awesome, Modernizr, and HTML5 Boilerplate. It also has a large collection of useful features such as content-type templates, an amazing administration toolbar, default @medias, Apple Touch Icons, and retina-friendly design.

Cheers
Kevin

drupalstrap's picture

Kalatheme

Greetings,

Here is a brand new Bootstrap theme built on top of Panopoly. http://drupal.org/project/Kalatheme. It looks promising and I hope to get some feedback here. Cheers, Kevin.

drupalstrap's picture

Twitter Bootstrap Everywhere

Greetings,

Here is a sandbox project called Twitter Bootstrap Everywhere. It would be great if somebody who uses panels will try it out and share their experience here. http://drupal.org/sandbox/mpv/1719916. Cheers, Kevin

Subscribe with RSS Syndicate content

Twitter Bootstrap

Group organizers

Group notifications

This group offers an RSS feed. Or subscribe to these personalized, sitewide feeds: