Bootstrap for Rails

A quick-start guide to developing beautiful web applications with the Bootstrap toolkit and Rails framework

Bootstrap for Rails

This ebook is included in a Mapt subscription
Syed Fazle Rahman

1 customer reviews
A quick-start guide to developing beautiful web applications with the Bootstrap toolkit and Rails framework
$0.00
$9.00
$29.99
$29.99p/m after trial
RRP $17.99
RRP $29.99
Subscription
eBook
Print + eBook
Start 30 Day Trial
Subscribe and access every Packt eBook & Video.
 
  • 4,000+ eBooks & Videos
  • 40+ New titles a month
  • 1 Free eBook/Video to keep every month
Start Free Trial
 
Preview in Mapt

Book Details

ISBN 139781783987269
Paperback168 pages

Book Description

Bootstrap is a free, open source CSS and JS framework that helps you create websites in minutes, and Ruby on Rails, or Rails as it's known, is an open source web application framework written in the Ruby programming language. Bootstrap is typically used in Rails applications to design websites and create themes because it comes loaded with predesigned CSS and HTML templates.

Bootstrap for Rails is for Rails web developers who are struggling to get their website designs right. It will enable you to create beautiful responsive websites in minutes without writing much CSS and JavaScript code.

The book starts by taking you through web application development in Rails. It teaches you how to set up the Bootstrap framework, and will showcase the true power of your Rails app using Bootstrap's grid system. You will learn about other Bootstrap components and move on to work with modals and carousels. It concludes with the opportunity to test your skills by creating a shopping cart using Bootstrap modals.

Table of Contents

Chapter 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
Chapter 2: Introducing Bootstrap 3
What is Bootstrap?
Installing Bootstrap in a Rails project
Summary
Chapter 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
Chapter 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
Chapter 5: Reinventing Tables and Forms in Bootstrap
Creating Bootstrap tables
Creating Bootstrap forms
Validation classes in Bootstrap forms
Summary
Chapter 6: Creating Navigation Bars
Getting started with a navigation bar
Navigation bar helper classes
Adding a navigation bar to the Rails application
Summary
Chapter 7: Various Other Bootstrap Components
Bootstrap Breadcrumbs
The pagination component
Bootstrap labels and badges
Bootstrap jumbotrons
Alerts
Creating a progress bar
Panels
Summary
Chapter 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
Chapter 9: Creating Image Slideshows with Bootstrap Carousel
Getting started with Bootstrap Carousel
Adding captions to the slides
Customizing Carousel
Summary
Chapter 10: Creating a Shopping Cart Using Bootstrap Modals
Adding a shopping cart symbol
Creating a shopping cart using modals
Summary

What You Will Learn

  • Discover how to use Bootstrap in a Ruby on Rails environment
  • Use advanced components and plugins from Bootstrap in Rails applications
  • Create navigation bars to enable navigation between different views
  • Understand Bootstrap's grid system and create page layouts
  • Use Bootstrap's typography, buttons, and images in a Rails application
  • Design a dummy shopping cart Rails application using Bootstrap

Authors

Table of Contents

Chapter 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
Chapter 2: Introducing Bootstrap 3
What is Bootstrap?
Installing Bootstrap in a Rails project
Summary
Chapter 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
Chapter 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
Chapter 5: Reinventing Tables and Forms in Bootstrap
Creating Bootstrap tables
Creating Bootstrap forms
Validation classes in Bootstrap forms
Summary
Chapter 6: Creating Navigation Bars
Getting started with a navigation bar
Navigation bar helper classes
Adding a navigation bar to the Rails application
Summary
Chapter 7: Various Other Bootstrap Components
Bootstrap Breadcrumbs
The pagination component
Bootstrap labels and badges
Bootstrap jumbotrons
Alerts
Creating a progress bar
Panels
Summary
Chapter 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
Chapter 9: Creating Image Slideshows with Bootstrap Carousel
Getting started with Bootstrap Carousel
Adding captions to the slides
Customizing Carousel
Summary
Chapter 10: Creating a Shopping Cart Using Bootstrap Modals
Adding a shopping cart symbol
Creating a shopping cart using modals
Summary

Book Details

ISBN 139781783987269
Paperback168 pages
Read More
From 1 reviews

Read More Reviews