Thread

Hi folks,

I am building a clickdummy using Twitter’s Bootstrap framework.

In the example on http://wichtel.moloma.de/standorte I use

<link href="{path='embed/css_bootstrap'}" rel="stylesheet">

for linking to the bootstrap stylesheet. Bootstrap is stored as a CSS template in a separate template group called “embed”.

Does not work.

The layout is not rendered properly although certain styles from the CSS seem to work just fine (font styles, colours, etc.).

Linking to the stylesheet directly (identical bootstrap CSS file stored in a separate folder) via

<link href="{site_url}css/bootstrap.min.css" rel="stylesheet">

works fine as you can see on http://wichtel.moloma.de

The rest of the HTML is 100% identical on each page.

I can live with the second method. Nevertheless, what is wrong with the {stylesheet} and/or {path} method? Any mistake I just don’t see?

Thank you!
Olli

Why you don’t use {stylesheet='embed/css_bootstrap'}
See doc for more info:
http://ellislab.com/expressionengine/user-guide/templates/globals/stylesheet.html

Sorry, forgot to mention that {stylesheet} leads to exactly the same result: does not work, too.

K,

You sure that the embedded version is an exact copy?
The stylesheet (http://wichtel.moloma.de/embed/css_bootstrap) itself stops if rendered at: fieldset[disabled] .btn-link{

As the working one ends at: print{display:none!important}}

Maybe that’s the fault?

That’s it, thank you!

For some reason the minified CSS is cut off at fieldset[disabled] .btn-link{. The non-minified CSS works just fine.