Step By Step Bootstrap 3: A Quick Guide to Responsive Web Development Using Bootstrap 3 (Paperback)

Learn how to create multi-column layout, navigation bar, carousel, progress bar, popover, form validation and more.
Find out how to easily customize Bootstrap to fit your style.
Learn by example: all examples are fully tested and downloadable. You can reuse them on your own project.
Build a responsive website from scratch - step by step.
See the end result here: http://bit.ly/p-crsl

Why This Book

One of the big challenges in web development is maintaining the site's compatibility across devices and their various display sizes, from desktop computers to tablets and mobile phones. The last thing we want is to have a website that looks good on a desktop but is painful to navigate on a small display, or looks great on a small screen but appears oddly tiny in the center of a large screen.

Ideally the site should have the ability to automatically reorganize itself to provide the optimal viewing experience, in accordance with the size of the display. In short, we want our website to be responsive. This is where Bootstrap 3 comes in handy. It makes building responsive websites easier and quicker.

Aimed at absolute beginners, this book will not require you to have any experience in HTML, CSS or JQuery. You will learn as you go along. It explains the subject matter in a step by step fashion, with plenty of examples and screenshots to illustrate the points.

All examples are downloadable. You can download, tweak and reuse them on your own project. You will not have to to retype everything.

Who Should NOT Buy This Book

If you are able to learn on your own by perusing the online documentation provided by Bootstrap, you do not need this book. Before you open your wallet, check out Bootstrap's official site and give it a go.

What you will get from this book

This book will guide you in transforming a simple HTML page into a responsive one. It will demonstrate how to use Bootstrap's grid system to create a multi-column layout. It will also guide you in creating a navigation bar, different types of menus (with or without dropdowns), buttons, icons, modal and tables.

The book will also cover forms and form validations, where you will create a Sign Up page with some validation procedures to examine the data entered and display a warning when appropriate.

Needless to say, this book will be incomplete without a lesson on customizing Bootstrap to fit your own style. The book will cover light customization that will illustrate how you can change fonts, colors and background images to make the page your own.

Light customization however is good only for minimal changes in the design. To tweak the design further, you will be better off using LESS. Therefore one chapter will be dedicated to demonstrate the customization using LESS.

Towards the end of the book, we will throw in some more Bootstrap components that can increase your site's appeal. You will learn about Carousel, Affix, Scrollspy, Tooltip, Popover, Collapse and Progress Bar. Not only you will learn how to display them, you will also utilize some of the controls to make them work.

As the last lesson, you will learn how to show or hide certain parts of the page depending on the size of the screen. For the absolute beginners, quick introductions to CSS, LESS and compiling LESS are provided in the appendices.

If you are looking for a step by step guide to responsive web development using Bootstrap, you may want to give this book a try.

學習如何創建多欄佈局、導航欄、輪播、進度條、彈出視窗、表單驗證等等。了解如何輕鬆自定義Bootstrap以符合您的風格。通過實例學習：所有示例都經過全面測試並可下載。您可以在自己的項目中重複使用它們。從頭開始逐步構建響應式網站。在此處查看最終結果：http://bit.ly/p-crsl

為什麼選擇這本書

網站開發中的一個重大挑戰是確保網站在各種設備和不同的顯示尺寸上的兼容性，從桌面電腦到平板電腦和手機。我們最不希望的是在小屏幕上導航困難，或者在大屏幕中心顯示過小。理想情況下，網站應該能夠根據顯示器的尺寸自動重新組織，提供最佳的視覺體驗。簡而言之，我們希望我們的網站具有響應式設計。這就是Bootstrap 3的用處所在。它使構建響應式網站變得更加簡單和快速。

這本書針對完全初學者，不需要您具備HTML、CSS或JQuery的任何經驗。您將在學習的過程中逐步掌握知識。本書以逐步的方式解釋主題，並提供大量的示例和屏幕截圖來說明重點。

所有示例都可以下載。您可以下載、調整並在自己的項目中重複使用它們。您不需要重新輸入所有內容。

不應該購買這本書的人

如果您能夠通過閱讀Bootstrap提供的官方網上文檔自學，那麼您不需要這本書。在打開錢包之前，請查看Bootstrap的官方網站並試試看。

您將從本書中獲得什麼

本書將指導您將一個簡單的HTML頁面轉變為響應式頁面。它將演示如何使用Bootstrap的網格系統創建多欄佈局。它還將指導您創建導航欄、不同類型的菜單（帶有或不帶有下拉菜單）、按鈕、圖標、模態框和表格。

本書還將涵蓋表單和表單驗證，您將創建一個帶有一些驗證程序的註冊頁面，以檢查輸入的數據並在適當時顯示警告。

不用說，如果沒有關於如何自定義Bootstrap以符合您自己的風格的課程，本書將是不完整的。本書將介紹輕量級自定義，以說明如何更改字體、顏色和背景圖像，使頁面更具個性。

然而，輕量級自定義僅適用於設計中的最小更改。要進一步調整設計，最好使用LESS。因此，本書將專門介紹使用LESS進行自定義。

在本書的最後，我們將介紹一些可以增加您網站吸引力的其他Bootstrap組件。您將學習有關輪播、固定、滾動監聽、工具提示、彈出視窗、折疊和進度條的知識。您不僅將學習如何顯示它們，還將利用其中一些控件使它們正常工作。

作為最後一課，您將學習如何根據屏幕尺寸顯示或隱藏頁面的某些部分。對於完全初學者，附錄中提供了有關CSS、LESS和編譯LESS的快速介紹。

如果您正在尋找一本逐步指南，以使用Bootstrap進行響應式網站開發，您可能會想試試這本書。