Currently, I am using rails 7.0.3 with Tailwind CSS, Hotwire, and Stimulus.
The design gets flickers every time the page is reloaded.
Related
I am new to bootstrap and UI stuff.
Was trying implementation of grid by following this doc
https://getbootstrap.com/docs/4.1/layout/grid/
Came across this strange UI issue in my rails 5 app.
We use these gems 'bootstrap-sass'(3.3.7) and 'bootstrap_form' (2.7.0)
We have included boostrap admin.html.erb.
<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet" type='text/css'>
However, in some admin pages bootstrap seems to be loading.
Whereas in some other admin pages, like the one below, bootstrap is just not loading.
Not able to figure out why.
First, Bootstrap 2.3.2 is no longer supported so I would recommend upgrading to a later version.
Second, you should really use one of the Bootstrap Gems, which comes with step-by-step instructions specific to Rails
For Bootstrap 2 and 3: Bootstrap Sass
For Bootstrap 4: Bootstrap Ruby Gem
Because you are new to Bootstrap, I would also recommend using Bootstrap 4 (unless you have a reason not to do so).
The admin part of my project is using bootstrapv2.3.2
Though my project includes 'bootstrap-sass'(3.3.7) in the Gemfile, it is rendered only in non-admin parts of my project.
The admin part renders under a different layout which uses bootstrapv2.3.2
bootstrap2.3.2 had custom styling for class name span, however it did not support col-md-*.
col-md-* was introduced in bootstrap 3 and used in higher versions as well.
That is why in pages where I have used span, bootstrap styling got applied.
When I tried using col-md bootstrap styling did not get applied.
Rails 4 boostrap3 gem installed but when my page loads the html displays then then bootstrap gets applied this happens very quickly on every page load. Why is the style not applied on load of page?
Make sure you are loading css and js files in header and they are not loaded asynchroniously.
I have a brand new rails app and want to use the bootstrap-generators gem.
I have followed the instructions on their website, but if I now generate a scaffold I don't get the bootstrap styled inputs/buttons/etc.
screenshot
Notice that the button is the standard rails button, not the nice bootstrap button. As you can see, the main layout does have bootstrap theme working
I can see that the bootstrap template files are in the /lib/templates/erb/scaffold folder. If I now create a new scaffold it seems that these templates are ignored.
What am I missing, and why woudn't the bootstrap scaffold templates be used?
Spring was running in the background and therefore the new template files were not being loaded. Simply typing 'spring stop' fixed all my problems :)
rails application which using gems like devise,cancan now not storing some session based values like who created , created by after applying themed bootstrap directly into application.some of the view directories appeared twice. which themed bootstrap is best for rails application?
If I use JQuery to add animation to my Ruby on Rails web application, how is JQuery recognized by Rails? Is it just a matter of adding a Jquery gem? Or are some configuration instruction set in the code?
I'm still learning Ruby on Rails. And I would like to add custom animation to my home page but am not sure what tools/technology plays well with Ruby on Rails. JQuery, javascript, Ajax? Does anyone have any data regarding what percent of Rails application use which?
if you are using Rails 3+ JQuery should be included by default.