Sign In Start Free Trial

Book Overview & Buying
Table Of Contents

Bootstrap for Rails

By : Syed F Rahman

2.5 (2)

Bootstrap for Rails

2.5 (2)

By: Syed F Rahman

Overview of this book

If you are a web developer who has a basic understanding of Ruby on Rails, this is the book for you. You should definitely have previous knowledge about HTML and how it works. However, CSS and JavaScript knowledge is optional for this book.

Preface

Preface

What this book covers

What you need for this book

Who this book is for

Conventions

Reader feedback

Customer support

Free Chapter

1. Introducing Web Application Development in Rails

1. Introducing Web Application Development in Rails

Why Bootstrap with Rails?

Setting up a Todo application in Rails

Analyzing folder structure of a Rails application

Creating views

Styling views using CSS

Challenges in styling a Rails application traditionally

Summary

2. Introducing Bootstrap 3

2. Introducing Bootstrap 3

What is Bootstrap?

Installing Bootstrap in a Rails project

Summary

3. Powering a Rails App with Bootstrap's Grid System

3. Powering a Rails App with Bootstrap's Grid System

What is Bootstrap's grid system?

Nesting columns

Implementing Bootstrap's grid system in a Rails application

Summary

4. Using Bootstrap's Typography, Buttons, and Images in a Rails Application

4. Using Bootstrap's Typography, Buttons, and Images in a Rails Application

Setting up

Styling typography

Creating and styling buttons

Styling images in Bootstrap

Summary

5. Reinventing Tables and Forms in Bootstrap

5. Reinventing Tables and Forms in Bootstrap

Creating Bootstrap tables

Creating Bootstrap forms

Validation classes in Bootstrap forms

Summary

6. Creating Navigation Bars

6. Creating Navigation Bars

Getting started with a navigation bar

Navigation bar helper classes

Adding a navigation bar to the Rails application

Summary

7. Various Other Bootstrap Components

7. Various Other Bootstrap Components

Bootstrap Breadcrumbs

The pagination component

Bootstrap labels and badges

Bootstrap jumbotrons

Alerts

Creating a progress bar

Panels

Summary

8. Working with Bootstrap Modals

8. Working with Bootstrap Modals

Getting started with modals

Changing Bootstrap's modal size

Additional Bootstrap modal features

Fetching remote content from a Bootstrap modal

Using Bootstrap's modal in a Rails application

Summary

9. Creating Image Slideshows with Bootstrap Carousel

9. Creating Image Slideshows with Bootstrap Carousel

Getting started with Bootstrap Carousel

Adding captions to the slides

Customizing Carousel

Summary

10. Creating a Shopping Cart Using Bootstrap Modals

10. Creating a Shopping Cart Using Bootstrap Modals

Adding a shopping cart symbol

Creating a shopping cart using modals

Summary

A. Adding Custom Styles to a Rails Application

A. Adding Custom Styles to a Rails Application

Adding Bootstrap-sass to a Rails application

Customizing Bootstrap through variables

Summary

Index

Index

Creating Bootstrap forms

Creating forms in Bootstrap is as easy as creating tables, which we have just seen in the previous section. All you need is some HTML markup and proper Bootstrap classes for forms. In this section, we will again create a dummy project called Bootstrap Forms and add an index.html file. Also, fill this file with the basic Bootstrap recommended HTML, as shown in the previous section. Do not forget to add the Bootstrap container in it.

Let's add a simple <form> tag to the preceding container:

<div class="container">
  <form>            
  </form>
</div>

You don't have to attach any class to the form tag. The classes here are added to the form elements.

Let's add our first form element to our form. We will place a text field and an associated label element. Bootstrap allows you to create a form group which consists of a label and a text field. This helps Bootstrap to properly style the form elements. A form group is...

CONTINUE READING

83

Tech Concepts

36

Programming languages

73

Tech Tools

Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.

Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.

50+ new titles added per month and exclusive early access to books as they are being written.

Bootstrap for Rails

Search

Your notes and bookmarks