- 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.
- C++黑客編程揭秘與防范
- EDA技術與VHDL編程
- Hands-On Chatbot Development with Alexa Skills and Amazon Lex
- 計算機網絡與數據通信
- Building RESTful Web Services with Spring 5(Second Edition)
- 大話社交網絡
- React:Cross-Platform Application Development with React Native
- Master Apache JMeter:From Load Testing to DevOps
- 5G技術與標準
- Getting Started with nopCommerce
- 網絡利他行為研究:積極心理學的視角
- Intelligent Mobile Projects with TensorFlow
- 物聯網,So Easy!
- 趣話通信:6G的前世、今生和未來
- 通信系統實戰筆記:無處不在的信號處理