Topic: How to put mdbootstrap files into Ruby on Rails project?

Lukis92 free asked 7 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!

MDBootstrap staff answered 3 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

Arslan Asif free answered 3 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".

Michal Szymanski staff answered 4 years ago

Here you can find a tutorial:

kodero pro answered 4 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 answered 7 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.

Lukis92 free answered 7 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).

lcrv pro answered 7 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"

Michal Szymanski staff answered 7 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.

Please insert min. 20 characters.


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



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