How to put mdbootstrap files into Ruby on Rails project?

  1. MDB Home Page
  2. Support Main Page
  3. General Bootstrap questions
Topic: How to put mdbootstrap files into Ruby on Rails project?

Lukis92 asked 9 years ago

I'm and I don't know where put mdb files into RoR project.. Could you write me instruction where put each files? Thanks a lot!

Michal Szymanski staff pro premium priority answered 9 years ago

Hello, because MDB is based on Bootstrap I would recommend you to watch some tutorial "Bootstrap and Ruby on Rails". You can easily find it via Google.

lcrv pro answered 9 years ago

Helo Lukis92, you can easily copy it into vendor/assets/ and in application.html, you can link to it using 
javascript_include_tag 'mdb.min'
stylesheet_link_tag "mdb.css"

Lukis92 answered 9 years ago

Sass files(free folder) also should I put in vendor/assets/stylesheets ? Thanks in advance. Michał już korzystałem z bootstrapa w railsach(dokładnie bootstrap-sass).

Michal Szymanski staff pro premium priority answered 9 years ago

Cześć Łukasz, nie, plików sassowych nie musisz w ogóle wrzucać do swojego projektu, jeśli nie zamierzasz ich zmieniać. Ewentualne zmiany w CSS zalecałbym dokonywać na odzielym pliku CSS, który nadpisywałby nasze classy.

kodero pro answered 7 years ago

Hello, I need this guide also for my client project, do you have step by step instruction how to integrated mdb with RoR ? Thanks in advanced

Michal Szymanski staff pro premium priority answered 6 years ago

Here you can find a tutorial: https://mdbootstrap.com/articles/jquery/md-bootstrap-ruby-on-rails-tutorial/

Arslan Asif answered 5 years ago

how can we attach scss files ? and access variable .. i tried it adding to project css directory and @import mdb.scss in application.scss but it gives the following error

Undefined variable: "$mdb-colors-1".

MDBootstrap staff pro premium answered 5 years ago

Hi Arslan Asif,

You need to @import all scss files to compile mdb.scss styles. File mdb.scss is used to import every part of our custom styles, with your custom styles at the end to overwrite ours. We compile them in gulp as a default, but you can use any scss compiler to do that.

Best Regards, Piotr

Write
Create snippet
Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status

Answered

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
Tags
ruby-on-rails
Related topics
0
Javascript placement in a Rails App
0
How to work with Ruby on Rails 7 and MDB5
0
Rails 6 documentation
0
Integration with Ruby on Rails and portamos
0
$('.button-collapse').sideNav is not a function
About author
Lukis92
10Support score
3Questions 2Answers
0Snippets likes 0Snippets