官术网_书友最值得收藏!

  • 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.

Surveying the exercise files

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
  • 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:

Surveying the exercise files

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

Surveying the exercise files

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.

主站蜘蛛池模板: 兴仁县| 和龙市| 佛山市| 库伦旗| 林州市| 安庆市| 信丰县| 牙克石市| 军事| 宽甸| 浪卡子县| 苍梧县| 江西省| 颍上县| 时尚| 手机| 含山县| 江安县| 如东县| 麟游县| 都昌县| 丰原市| 汝城县| 苍山县| 玉龙| 禹州市| 高台县| 双城市| 封丘县| 永兴县| 色达县| 隆化县| 汝城县| 梁平县| 建昌县| 湖南省| 西林县| 湘潭县| 沙湾县| 宁蒗| 闵行区|