In order to use Bootstrap and jQuery UI together in my application, I decided to integrate jQuery UI Bootstrap. Unfortunately, many of the gems that handle asset pipeline integration seem outdated, so I opted to manually download the CSS files and insert them into my project. However, I am running into some challenges with the instructions provided:
- Download the zip file
- Extract the contents
- Find the
custom-themefolder within the css directory of the extracted files - Move this folder into the css directory of your website where you intend to use jquery-ui-bootstrap
- Include the necessary .css files in your website's layout
The third step mentions placing the CSS files in a "CSS directory", which I assume refers to app/assets/stylesheets. However, there is also an images folder within the library - where should these be placed? Is app/assets an appropriate location for third-party libraries, or should they go in vendors or lib? Additionally, how do I ensure that the asset pipeline recognizes the imported files?
I attempted putting the CSS files in app/assets/stylesheets and the images in app/assets/images, relying on the default import by application.js, but the images did not display on the website as expected.