- Bootstrap Site Blueprints
- David Cochran Ian Whitley
- 225字
- 2021-07-16 12:27:40
Surveying the exercise files
Let's survey the beginning files for this exercise, which you will find in the folder 02_Code_BEGIN
. You'll see files similar to the template we set up in Chapter 1, Getting Started with Bootstrap.

There are a few new additions:
- The
less
folder has a slightly modified organization scheme. We'll return to this later in the project. First, let's attend to the content elements. - The
img
folder now contains five images:- One logo image, named
logo.png
- Four portfolio item images
- One logo image, named
- The
index.html
file has the following new touches:- Navbar items have been updated to reflect our new site architecture
- We also have the essential markup in place for the images, content blocks, a logo in the footer, and social links
Other than the navbar, which we set up in Chapter 1, Getting Started with Bootstrap, no Bootstrap classes have been added to style the carousel, columns, or icons yet. You can view the results in your browser.
You'll see the navbar, followed by the portfolio images:

The blocks of text and the footer with a list of social links follows after the images.

It's not much to speak of yet. Let the transformation begin.
We'll begin by applying the Bootstrap classes, allowing us to quickly and efficiently establish the fundamentals for our interface elements using Bootstrap's default CSS styles and JavaScript behaviors.
- Learning QGIS 2.0
- Hands-On Full Stack Development with Spring Boot 2 and React(Second Edition)
- 面向物聯網的嵌入式系統開發:基于CC2530和STM32微處理器
- Microsoft Dynamics CRM 2011 Applications(MB2-868) Certification Guide
- Bonita Open Solution 5.x Essentials
- 面向5G-Advanced的關鍵技術
- TD-LTE無線網絡規劃與設計
- 端到端QoS網絡設計
- Android UI Design
- 轉化:提升網站流量和轉化率的技巧
- 5G技術核心與增強:從R15到R17
- 深入理解計算機網絡
- Professional Scala
- Building RESTful Web Services with .NET Core
- 小型局域網組建