How to keep my Bootstrap sub-theme without using the CDN?

Question

I created a sub-theme bootstrap version of CDN.

I based on "Journal" version "3.3.6" and I personalized my style.css file with 900 lines.

https://bootswatch.com/

I no longer wish to use the CDN, but I like to keep my current theme "Journal" and my custom style sheet.

How can I do this without using "less"?

What I want is to work with CSS

I asked this question several weeks ago but I still have not found a solution :

Install without Bootstrap CDN

Zuzuesque thank you your solution works, but I am having display problem :

• I no longer have the "glyphicons"

• The menu bar is not displayed correctly

• The admin menu is hidden by the menu bar

Answer 1

You will need to switch the module you are using - Bootstrap Library is not suited to be used without CDN. The main function this module provides is connection to a CDN of your choice - not provide a theme (or css) itself.

The module you will want to use is the Bootstrap Theme. This one provides a sub-theme you can expand upon.

To get the Bootstrap Theme going:

1. Disable your old Journal theme + move it from the theme folder - that's important. (Maybe make a backup somewhere).
2. Download the Bootstrap Theme from the Drupal site and put it in your theme folder. (And leave it there)
3. Create a subtheme following the instructions for the less-starterkit (you wont need to touch less no worries) here: Sub-Theming Bootstrap. Basically you copy the bootstrap_subtheme folder from the bootstrap theme into your theme folder and rename the folder to journal (your theme name). You also rename ./journal/less.starterkit to ./journal/journal.info.
4. Open your new .info file and change name + description. (You can copy it from your old theme.)
5. Download the latest 3.x.x version of the of Bootstrap Framework Source Files into your new sub-theme. After it has been extracted, the folder should read ./journal/bootstrap. (Don't modify the files in this folder, this folder allows you to later update Bootstrap without overwriting your changes.)
6. Download the journal theme css from bootswatch. Copy it into your journal/css folder. (This is the file which was previously provided by the CDN.) It should now read journal/css/bootstrap.min.css
7. Open your .info file again, find the line stylesheets[all][] = css/style.cssand add a line right above it: stylesheets[all][] = css/bootstrap.min.css. This will load the default journal css.
8. Now you need to copy your custom changes into the new theme. Copy your custom css into css/style.css and your template files (if you have any custom template files) into the journal/templatesfolder.
9. Enable your new Journal theme.

---

Glyphicons

Check your subtheme... there should be a folder fonts. If there is no such folder create one. Then navigate to the bootstrap source files you put in the bootstrap folder of your theme, find the font folder there and copy all font files in your own font folder. (This is needed because the default css looks for the fonts under ../fonts/font-name)

Headermenu

Have you checked the settings of your new theme in the UI? It has a couple of menu bar settings, maybe you are just using the wrong one. Generally bootstrap works nicely with the admin menu, at least on all sites I have it on. It is possible, that some of your custom css is interfering with the default bootstrap theme setup. In that case you would need to do some debugging on your custom css. From what I see though it might be enough for the front end to give the main-container a top margin of 60-70px.

Answer 2

I was able to disable use of the CDN in Drupal Bootstrap 7.x-3.25 in a subtheme we can call subtheme_name.

First I loaded the site with the CDN enabled, and then went into the browser developer tools, looked at the network tab, reloaded the page, then copied the URLs for bootstrap.css, drupal-bootstrap.css and bootstrap.js. I then downloaded those files from the CDN and put them into the subtheme_name/bootstrap/css/ and subtheme_name/bootstrap/js/ directories I created.

I added these lines to the Stylesheets section of subtheme_name.info:

stylesheets[all][] = bootstrap/css/bootstrap.css
stylesheets[all][] = bootstrap/css/drupal-bootstrap.css

I added this line to the Scripts section of .info file:

scripts[] = 'bootstrap/js/bootstrap.js'

I uncommented settings[bootstrap_cdn_provider] = '' in that file, then ran drush cc all to clear the cache. Network tools now say that the files come from the site, not the CDN.