Book Image

Bootstrap for Rails

By : Syed F Rahman
Book Image

Bootstrap for Rails

By: Syed F Rahman

Overview of this book

Related Content you might be interested in

Current Title:

Small book image
Bootstrap for Rails
Syed F Rahman
Feb, 2015 | 168 pages
No titles found
Table of Contents (18 chapters)
Bootstrap for Rails
Bootstrap for Rails
Credits
Credits
About the Author
About the Author
About the Reviewers
About the Reviewers
www.PacktPub.com
www.PacktPub.com
Preface
Preface
Free Chapter
1
Introducing Web Application Development in Rails
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
Introducing Bootstrap 3
What is Bootstrap?
Installing Bootstrap in a Rails project
Summary
3
Powering a Rails App with Bootstrap's Grid System
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
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
Reinventing Tables and Forms in Bootstrap
Creating Bootstrap tables
Creating Bootstrap forms
Validation classes in Bootstrap forms
Summary
6
Creating Navigation Bars
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
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
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
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
Creating a Shopping Cart Using Bootstrap Modals
Adding a shopping cart symbol
Creating a shopping cart using modals
Summary
Adding Custom Styles to a Rails Application
Adding Custom Styles to a Rails Application
Adding Bootstrap-sass to a Rails application
Customizing Bootstrap through variables
Summary
Index
Index

Chapter 7. Various Other Bootstrap Components

Until now, we have used some of the most popular Bootstrap components such as forms, buttons, navigation bar, and so on. In this chapter, we will explore some more Bootstrap components, which come ready to use out of the box. We might not be able to use all these components in our existing application, but we will make sure that we don't miss any important ones.

Previous Section
End of Section 1
Next Section