Bootstrap 4 Site Blueprints

Bass Jobsen, David Cochran, Ian Whitley

商品描述

Explore the robust features of Bootstrap 4 to create exciting websites through this collection of excellent hands-on projects

About This Book

  • Explore the inner workings of Bootstrap 4 by building different websites
  • Customize your designs by working directly with Bootstrap’s SASS files
  • Leverage Bootstrap’s excellent JavaScript plugins

Who This Book Is For

If you are a web developer who wants to build professional websites using Bootstrap 4, then this book is for you. Familiarity with the basics of HTML, CSS, and JavaScript is assumed.

What You Will Learn

  • Understand how Bootstrap compiles SASS code to static CSS and ES6 code into JavaScript code
  • Integrate Bootstrap into application frameworks such as Angular 2 (AngularJS), Ember, and React
  • Reuse Bootstrap’s SASS mixins and set responsive breakpoints in your designs
  • Customize Bootstrap’s SASS files and add your own in the process
  • Manage multiple rows of products in a complex responsive grid
  • Create a complete one-page scrolling website using Bootstrap’s components and plugins

In Detail

Packed with trade secrets, this second edition is your one-stop solution to creating websites that will provide the best experience for your users. We cover six popular, real-world examples, where each project teaches you about the various functionalities of Bootstrap 4 and their implementation.

The book starts off by getting you up and running with the new features of Bootstrap 4 before gradually moving on to customizing your blog with Bootstrap and SASS, building a portfolio site, and turning it into a WordPress theme. In the process, you will learn to recompile Bootstrap files using SASS, design a user interface, and integrate JavaScript plugins. Towards the end of the book, you will also be introduced to integrating Bootstrap 4 with popular application frameworks such as Angular 2, Ruby on Rails, and React.

Style and approach

This book follows a project-based approach to creating different types of popular websites using Bootstrap. You’ll work through easy-to-follow, clear, and logical steps, with screenshots and tips provided along the way to help you get more from Bootstrap.

商品描述(中文翻譯)

透過這本精彩的實作專案集,探索 Bootstrap 4 的強大功能,創建令人興奮的網站。

關於本書:
- 通過構建不同的網站,深入了解 Bootstrap 4 的內部運作方式。
- 通過直接使用 Bootstrap 的 SASS 檔案,自定義設計。
- 利用 Bootstrap 優秀的 JavaScript 插件。

本書適合對 Bootstrap 4 想要建立專業網站的網頁開發人員。預設讀者對 HTML、CSS 和 JavaScript 的基礎有所了解。

你將學到:
- 瞭解 Bootstrap 如何將 SASS 代碼編譯為靜態 CSS,以及將 ES6 代碼編譯為 JavaScript。
- 將 Bootstrap 整合到 Angular 2 (AngularJS)、Ember 和 React 等應用框架中。
- 在設計中重複使用 Bootstrap 的 SASS mixins,並設置響應斷點。
- 自定義 Bootstrap 的 SASS 檔案,並在過程中添加自己的檔案。
- 在複雜的響應式網格中管理多行產品。
- 使用 Bootstrap 的組件和插件創建完整的單頁滾動網站。

詳細內容:
本書充滿了行業內的秘訣,是創建為用戶提供最佳體驗的網站的一站式解決方案。我們涵蓋了六個受歡迎的真實案例,每個專案都教授您 Bootstrap 4 的各種功能和實現方法。

本書首先介紹 Bootstrap 4 的新功能,然後逐步介紹如何使用 Bootstrap 和 SASS 自定義部落格、建立作品集網站,並將其轉換為 WordPress 主題。在此過程中,您將學習使用 SASS 重新編譯 Bootstrap 檔案、設計使用者界面並整合 JavaScript 插件。在本書末尾,您還將介紹如何將 Bootstrap 4 整合到流行的應用框架,如 Angular 2、Ruby on Rails 和 React 中。

風格和方法:
本書採用基於專案的方法,使用 Bootstrap 創建不同類型的熱門網站。您將按照易於遵循、清晰和邏輯的步驟進行操作,並提供屏幕截圖和提示,以幫助您更好地使用 Bootstrap。