Hi all,

First of all sorry if my issue raised here is very basic question, since I am newly involved in drupal and bootstrap.
so, is there any chance to have a quick guide and link to install twitter bootstrap UI in drupal? I tried it by myself by first installing 7.x-2.x-dev and then twitter bootstrap UI. but when I saw the module list, it stated that the module requires bootstrap libraries. something is missing there? I tried to wander around this forum and could not find any good solution. so I guess what I need is a clear guidance for how to install this module step by step.
I would pretty much appreciate if someone had time to explain this to me.
Thanks before.

CommentFileSizeAuthor
#4 README.txt388 bytesMelissamcewen

Comments

edwu’s picture

repeat from what jgj said from another post -

ensure that your folder in sites/all/libraries is named 'twitter_bootstrap'

the path to bootstrap.css should be sites/all/libraries/twitter_bootstrap/css/bootstrap.css

From the directions on the theme you need to put the same thing in the theme folder as well. not sure why but if you don't put the bootstrap files in the libraries folder - you'll get an error on the reports but most of the twitter bootstrap styling and jquery seems to work fine except for one error.

heddn’s picture

Per #1544170: data-toggle="dropdown" isn't working, for many of the features you'll need to also install jquery 1.7+. It is available using the dev version of jquery_update.

Melissamcewen’s picture

Status: Active » Needs review
StatusFileSize
new388 bytes

I've started some work on a readme file. Let me know what you think so far:
INSTALLATION
------------

1. This module requires jquery 1.7+, which is available through the Jquery Update module (http://drupal.org/project/jquery_update), as well as the 7.x-2.0 Libraries branch (http://drupal.org/project/libraries/)
2. The Twitter Bootstrap library should be placed in your sites/all/libraries/twitter_bootstrap folder
2. Currently only the CSS version of Twitter Bootstrap is supported, which is available for download via the main page of the Twitter Bootstrap project or you can compile the CSS from the LESS in the main Git Branch of Twitter Bootstrap. CSS (bootstrap.css) needs to be in sites/all/libraries/twitter_bootstrap/css folder

Melissamcewen’s picture

For Jquery update, you need to use the dev version and make sure 1.7 is selected on the configuration page.

mattyoung’s picture

Issue summary: View changes

the libraries directory should Not be named "twitter_bootstrap", it should be just "bootstrap". Mine start working about I change the directory name.

WebWanderer’s picture

I've included the bootstrap.css file in the sites/all/libraries/bootstrap folder, and yet the module still says that the libraries are missing. What am I doing wrong? Is there anyway that I need to go about refreshing this or something?