dapic的专栏

Bootstrap 3 和 Rails 4(样例用的是Ruby 2.1.1，Rails 4.1.4） Table of Contents Preface 1 Chapter 1: Introducing Web Application Development in Rails 7 Why Bootstrap with Rails? 8 Setting up a Todo application in Rails 8 Analyzing folder structure of a Rails application 10 Creating views 12 Styling views using CSS 14 Redesigning the Todo application 16 Challenges in styling a Rails application traditionally 23 Summary 24 Chapter 2: Introducing Bootstrap 3 25 What is Bootstrap? 26 Installing Bootstrap in a Rails project 27 Placing Bootstrap files in a Rails project 28 Bootstrap – the Sass way 33 Bootstrap through CDN 35 Summary 36 Chapter 3: Powering a Rails App with Bootstrap's Grid System 37 What is Bootstrap's grid system? 38 Nesting columns 45 Implementing Bootstrap's grid system in a Rails application 46 Summary 54  Table of Contents Chapter 4: Using Bootstrap's Typography, Buttons, and Images in a Rails Application 55 Setting up 56 Styling typography 57 Aligning text 61 Text transformation 62 Blockquotes 62 Styling listing elements 64 Creating and styling buttons 67 Which elements are eligible to use Bootstrap's button classes? 70 Styling images in Bootstrap 70 Summary 72 Chapter 5: Reinventing Tables and Forms in Bootstrap 73 Creating Bootstrap tables 73 Creating Bootstrap forms 79 Validation classes in Bootstrap forms 84 Adding Bootstrap table a to our Rails application 85 Adding Bootstrap forms to our Rails application 90 Summary 94 Chapter 6: Creating Navigation Bars 95 Getting started with a navigation bar 95 Navigation bar helper classes 102 Adding a navigation bar to the Rails application 103 Summary 105 Chapter 7: Various Other Bootstrap Components 107 Bootstrap Breadcrumbs 107 The pagination component 108 Bootstrap labels and badges 109 Bootstrap jumbotrons 110 Alerts 111 Creating a progress bar 112 Panels 114 Summary 116 Chapter 8: Working with Bootstrap Modals 117 Getting started with modals 117 Changing Bootstrap's modal size 121 Additional Bootstrap modal features 122 [ ii ]  Table of Contents Fetching remote content from a Bootstrap modal 123 Using Bootstrap's modal in a Rails application 125 Summary 128 Chapter 9: Creating Image Slideshows with Bootstrap Carousel 129 Getting started with Bootstrap Carousel 130 Adding captions to the slides 138 Customizing Carousel 138 Summary 138 Chapter 10: Creating a Shopping Cart Using Bootstrap Modals 139 Adding a shopping cart symbol 139 Creating a shopping cart using modals 141 Summary 146 Appendix: Adding Custom Styles to a Rails Application 147 Adding Bootstrap-sass to a Rails application 147 Customizing Bootstrap through variables 149 Summary Index 150 151