Bootstrap for Rails

Syed Fazle Rahman

• Publisher: Packt Publishing
• Year: 2015
• ISBN:
  9781783987269
• Topic: Design
• Subtopic: Web Design

Bootstrap for Rails

---

Table of Contents

Bootstrap for Rails

Credits

About the Author

About the Reviewers

www.PacktPub.com

Support files, eBooks, discount offers, and more

Why subscribe?

Free access for Packt account holders

Preface

What this book covers

What you need for this book

Who this book is for

Conventions

Reader feedback

Customer support

Downloading the example code

Errata

Piracy

Questions

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

Redesigning the Todo application

Challenges in styling a Rails application traditionally

Summary

2. Introducing Bootstrap 3

What is Bootstrap?

Installing Bootstrap in a Rails project

Placing Bootstrap files in a Rails project

Bootstrap – the Sass way

Bootstrap through CDN

Summary

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

Setting up

Styling typography

Aligning text

Text transformation

Blockquotes

Styling listing elements

Creating and styling buttons

Which elements are eligible to use Bootstrap's button classes?

Styling images in Bootstrap

Summary

5. Reinventing Tables and Forms in Bootstrap

Creating Bootstrap tables

Creating Bootstrap forms

Validation classes in Bootstrap forms

Adding Bootstrap tables to our Rails application

Adding Bootstrap forms to our Rails application

Summary

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

Bootstrap Breadcrumbs

The pagination component

Bootstrap labels and badges

Bootstrap jumbotrons

Alerts

Creating a progress bar

Panels

Summary

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

Getting started with Bootstrap Carousel

Adding captions to the slides

Customizing Carousel

Summary

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

Adding Bootstrap-sass to a Rails application

Customizing Bootstrap through variables

Summary

Index

Bootstrap for Rails

Copyright © 2015 Packt Publishing

All rights reserved. No part of this book may be reproduced, stored in a retrieval system, or transmitted in any form or by any means, without the prior written permission of the publisher, except in the case of brief quotations embedded in critical articles or reviews.

Every effort has been made in the preparation of this book to ensure the accuracy of the information presented. However, the information contained in this book is sold without warranty, either express or implied. Neither the author, nor Packt Publishing, and its dealers and distributors will be held liable for any damages caused or alleged to be caused directly or indirectly by this book.

Packt Publishing has endeavored to provide trademark information about all of the companies and products mentioned in this book by the appropriate use of capitals. However, Packt Publishing cannot guarantee the accuracy of this information.

First published: February 2015

Production reference: 1190215

Published by Packt Publishing Ltd.

Livery Place

35 Livery Street

Birmingham B3 2PB, UK.

ISBN 978-1-78398-726-9

www.packtpub.com

Credits

Author

Syed Fazle Rahman

Reviewers

Fabrice Estiévenart

Samuel Goebert

Moncef Maiza

Commissioning Editor

Amarabha Banerjee

Acquisition Editor

Vinay Argekar

Content Development Editor

Ritika Singh

Technical Editor

Naveenkumar Jain

Copy Editor

Neha Vyas

Project Coordinator

Aboli Ambardekar

Proofreaders

Simran Bhogal

Linda Morris

Indexer

Rekha Nair

Production Coordinator

Komal Ramchandani

Cover Work

Komal Ramchandani

About the Author

Syed Fazle Rahman is an experienced frontend developer. He has published many frontend articles for SitePoint.com and HTMLxprs.com. His articles on Bootstrap framework are amongst the most popular ones in the web. He is enthusiastic about start-ups and likes technical writing/editing.

He is the cofounder of devmag.io—a network for developers and technologists. devmag.io helps technology enthusiasts connect and discover various programming and technology content.

About the Reviewers

Fabrice Estiévenart (@fab_estievenart) is a web and mobile developer with a focus on web frameworks (such as Yii, Django, AngularJS, NodeJS, and so on), big data technologies (such as Hadoop, MongoDB, Solr, and so on), and game libraries (such as LibGDX). He has initiated and contributed to many open source projects, such as Nutch (the highly extensible and scalable WebCrawler), GnuCash, Yii, and RetroWeb (a visual web wrapping application).

As a passionate video and board gamer, he has created LudoPassion (@ludopassion), where he offers to organize custom team building activities around serious games. In this context, he regularly publishes videos wherein he presents a few board games and explains their rules.

Finally, he is a solo guitarist/mandolinist (@fabrisss), trying to find some spare time to record his first full-length album with folk and bluegrass inspiration.

Samuel Goebert is a computer science PhD student at the Plymouth University, UK. Goebert has over 12 years of experience in software development and as...