Bootstrap for Rails
A Quick-Start Guide to Developing Beautiful Web Applications with the Bootstrap Toolkit and Rails Framework
1. Auflage
Erschienen am 24. Februar 2015
168 Seiten
978-1-78398-727-6 (ISBN)
Beschreibung
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.
Alle Preise
Weitere Details
Weitere Ausgaben
Inhalt
- Intro
- 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
