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

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

We now have a good knowledge of what Bootstrap is, and how we can get it installed in our projects. With this chapter, we will understand the what can be done part of Bootstrap.

Grid system is an integral part of the Bootstrap framework. You won't be able to make a responsive website/application without properly understanding Bootstrap's grid system. By responsive, I mean an application that works and looks perfect in devices of all sizes.

This is the generation of Hybrid applications! Developers want to write the code once and make it accessible from all the devices. To do this, they have to first make their web application responsive. Bootstrap helps in creating a responsive website using one of its most popular features called grid system.

In this chapter, we will first understand Bootstrap's grid system and then proceed to use it in our first application called Online Packt Shopping. We will try...

Visually different images

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