xscribe-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org
2013-Jan-23 05:18 UTC
Bootstrap issues with RoR
I added bootstrap-sass to my Gemfile, did bundle install, added "@import
bootstrap" to my css file. Yet, bootstrap does;t work. Safari fails
silently, Mozila says:
The stylesheet http://localhost:3000/assets/bootstrap was not loaded
because its MIME type, "application/javascript", is not
"text/css".
Hmm, so I changed the @import to @import bootstrap.css. Some things seems
to work, but others (carousel, for example) don''t. Here''s one
error:
TypeError: ".carousel".carousel is not a function
Something seems to be fundamentally wrong with the install, but I''m
stumped.
Any ideas?
Thanks,
Per
--
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Talk" group.
To post to this group, send email to
rubyonrails-talk-/JYPxA39Uh5TLH3MbocFF+G/Ez6ZCGd0@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-talk+unsubscribe-/JYPxA39Uh5TLH3MbocFF+G/Ez6ZCGd0@public.gmane.org
To view this discussion on the web visit
https://groups.google.com/d/msg/rubyonrails-talk/-/AQOAHKHbXE4J.
For more options, visit https://groups.google.com/groups/opt_out.
On Wed, Jan 23, 2013 at 12:18 AM, xscribe-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org <xscribe-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org>wrote:> I added bootstrap-sass to my Gemfile, did bundle install, added "@import > bootstrap" to my css file. Yet, bootstrap does;t work. Safari fails > silently, Mozila says: > The stylesheet http://localhost:3000/assets/bootstrap was not loaded > because its MIME type, "application/javascript", is not "text/css". > >That''s weird, maybe you can use twitter-bootstrap-rails as show in here http://railscasts.com/episodes/328-twitter-bootstrap-basics ---------------------- Javier -- You received this message because you are subscribed to the Google Groups "Ruby on Rails: Talk" group. To post to this group, send email to rubyonrails-talk-/JYPxA39Uh5TLH3MbocFF+G/Ez6ZCGd0@public.gmane.org To unsubscribe from this group, send email to rubyonrails-talk+unsubscribe-/JYPxA39Uh5TLH3MbocFF+G/Ez6ZCGd0@public.gmane.org For more options, visit https://groups.google.com/groups/opt_out.
In order for carousel to work you need to include bootstrap javascript files. In your application.js file put //= require bootstrap On Wednesday, January 23, 2013 7:18:55 AM UTC+2, xsc...-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org wrote:> > I added bootstrap-sass to my Gemfile, did bundle install, added "@import > bootstrap" to my css file. Yet, bootstrap does;t work. Safari fails > silently, Mozila says: > The stylesheet http://localhost:3000/assets/bootstrap was not loaded > because its MIME type, "application/javascript", is not "text/css". > > Hmm, so I changed the @import to @import bootstrap.css. Some things seems > to work, but others (carousel, for example) don''t. Here''s one error: > TypeError: ".carousel".carousel is not a function > > Something seems to be fundamentally wrong with the install, but I''m > stumped. > > Any ideas? > > Thanks, > > Per >-- You received this message because you are subscribed to the Google Groups "Ruby on Rails: Talk" group. To post to this group, send email to rubyonrails-talk-/JYPxA39Uh5TLH3MbocFF+G/Ez6ZCGd0@public.gmane.org To unsubscribe from this group, send email to rubyonrails-talk+unsubscribe-/JYPxA39Uh5TLH3MbocFF+G/Ez6ZCGd0@public.gmane.org To view this discussion on the web visit https://groups.google.com/d/msg/rubyonrails-talk/-/rYTZj6tN9OAJ. For more options, visit https://groups.google.com/groups/opt_out.
xscribe-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org
2013-Jan-23 18:44 UTC
Re: Bootstrap issues with RoR
Ok! We''re making progress! Adding that line made more stuff work. Now -
just one last quirk:
// DOES NOT WORK. Mozilla says: carousel is not a function
<script>
$(document).ready(function(){
(''.carousel'').carousel();
});
</script>
// This works -
<script>
$(document).ready(function(){
jQuery(''.carousel'').carousel();
});
</script>
Why is the jQuery needed?
On Wednesday, January 23, 2013 12:43:00 AM UTC-8, Mārtiņš Poļakovs
wrote:>
> In order for carousel to work you need to include bootstrap javascript
> files.
> In your application.js file put
> //= require bootstrap
>
>
> On Wednesday, January 23, 2013 7:18:55 AM UTC+2,
xsc...-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org wrote:
>>
>> I added bootstrap-sass to my Gemfile, did bundle install, added
"@import
>> bootstrap" to my css file. Yet, bootstrap does;t work. Safari
fails
>> silently, Mozila says:
>> The stylesheet http://localhost:3000/assets/bootstrap was not loaded
>> because its MIME type, "application/javascript", is not
"text/css".
>>
>> Hmm, so I changed the @import to @import bootstrap.css. Some things
seems
>> to work, but others (carousel, for example) don''t.
Here''s one error:
>> TypeError: ".carousel".carousel is not a function
>>
>> Something seems to be fundamentally wrong with the install, but
I''m
>> stumped.
>>
>> Any ideas?
>>
>> Thanks,
>>
>> Per
>>
>
--
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Talk" group.
To post to this group, send email to
rubyonrails-talk-/JYPxA39Uh5TLH3MbocFF+G/Ez6ZCGd0@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-talk+unsubscribe@googlegroups.com.
To view this discussion on the web visit
https://groups.google.com/d/msg/rubyonrails-talk/-/bKBGxF2jXWYJ.
For more options, visit https://groups.google.com/groups/opt_out.
In your first <script> you have an error. You should put $ in front of
(''.carousel'').carousel(), like this:
$(''.carousel'').carousel();
in jQuery "$" is an alias for "jQuery", these two lines will
do the same
thing:
1) $(''.carousel'').carousel();
2) jQuery(''.carousel'').carousel();
Usually in jQuery you will use only $. But if you have other javascript
framework included in page which has a special meaning for $, then you
should use "jQuery." instead of "$." to avoid conflicts with
the other
framework.
Martin
On Wednesday, January 23, 2013 8:44:15 PM UTC+2,
xsc...-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org wrote:>
> Ok! We''re making progress! Adding that line made more stuff work.
Now -
> just one last quirk:
>
> // DOES NOT WORK. Mozilla says: carousel is not a function
> <script>
> $(document).ready(function(){
> (''.carousel'').carousel();
> });
> </script>
>
> // This works -
> <script>
> $(document).ready(function(){
> jQuery(''.carousel'').carousel();
> });
> </script>
>
> Why is the jQuery needed?
>
> On Wednesday, January 23, 2013 12:43:00 AM UTC-8, Mārtiņš Poļakovs wrote:
>>
>> In order for carousel to work you need to include bootstrap javascript
>> files.
>> In your application.js file put
>> //= require bootstrap
>>
>>
>> On Wednesday, January 23, 2013 7:18:55 AM UTC+2,
xsc...-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org wrote:
>>>
>>> I added bootstrap-sass to my Gemfile, did bundle install, added
"@import
>>> bootstrap" to my css file. Yet, bootstrap does;t work. Safari
fails
>>> silently, Mozila says:
>>> The stylesheet http://localhost:3000/assets/bootstrap was not
loaded
>>> because its MIME type, "application/javascript", is not
"text/css".
>>>
>>> Hmm, so I changed the @import to @import bootstrap.css. Some things
>>> seems to work, but others (carousel, for example) don''t.
Here''s one error:
>>> TypeError: ".carousel".carousel is not a function
>>>
>>> Something seems to be fundamentally wrong with the install, but
I''m
>>> stumped.
>>>
>>> Any ideas?
>>>
>>> Thanks,
>>>
>>> Per
>>>
>>
--
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Talk" group.
To post to this group, send email to
rubyonrails-talk-/JYPxA39Uh5TLH3MbocFF+G/Ez6ZCGd0@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-talk+unsubscribe@googlegroups.com.
To view this discussion on the web visit
https://groups.google.com/d/msg/rubyonrails-talk/-/yduXVWgAin8J.
For more options, visit https://groups.google.com/groups/opt_out.