Bootstrap Gem

Bootstrap Gem is a popular Ruby Gem that allows you to easily add Bootstrap to your Ruby on Rails application. With Bootstrap, you can create responsive and mobile-first web applications with ease.

Installation

To install the Bootstrap Gem, add it to your Gemfile:

gem 'bootstrap'

Then, run bundle install to install the Gem and its dependencies.

Usage

Once the Bootstrap Gem is installed, you can easily add Bootstrap to your application by including the CSS and JavaScript files in your layout.

To include the necessary CSS, add the following line to your application.scss file:

@import "bootstrap";

To include the necessary JavaScript, add the following lines to your application.js file:

//= require jquery
//= require bootstrap

You can now use Bootstrap components and styles in your application.

Examples

Bootstrap provides a wide range of components that you can use in your application. Here are a few examples:

Buttons

<button class="btn btn-primary">Primary Button</button>
<button class="btn btn-secondary">Secondary Button</button>

Forms

<form>
  <div class="form-group">
    <label for="name">Name</label>
    <input type="text" class="form-control" id="name" placeholder="Enter your name">
  </div>
  <div class="form-group">
    <label for="email">Email address</label>
    <input type="email" class="form-control" id="email" placeholder="Enter your email">
  </div>
  <button type="submit" class="btn btn-primary">Submit</button>
</form>

Alerts

<div class="alert alert-primary" role="alert">
  A simple primary alert—check it out!
</div>
<div class="alert alert-secondary" role="alert">
  A simple secondary alert—check it out!
</div>

Bootstrap makes it easy to create professional-looking web applications that are responsive and mobile-friendly. If you're using Ruby on Rails, the Bootstrap Gem makes it even easier by providing a pre-packaged solution that you can easily add to your application.