Responsive_Portfolio

單元02 CSS和Bootstrap作業：響應式投資組合

響應設計可確保Web應用程序在各種設備，窗口或屏幕尺寸上呈現良好。作為開發人員，可能會要求您創建移動優先應用程序或在現有應用程序中添加響應式設計。

方向

1. 使用Bootstrap CSS框架創建移動響應式投資組合。您如何交付？
2. 創建以下文件：

3. 使用Bootstrap，使用以下項目a開發您的投資組合網站。一個納維爾b。響應迅速的佈局c。響應圖像Bootstrap投資組合應最大程度地減少媒體查詢的使用。

提示

1. • 使用Bootstrap的網格系統（容器，行和列）。
2. • 在xs屏幕上，內容應佔用整個屏幕。在sm和較大的屏幕上，您應該在屏幕的左側和右側有一些邊距。查看您的移動設備與計算機上的各種站點，以查看這些差異的示例。
3. 使用HTML驗證服務來確保每個頁面都有有效的HTML。超小<576px小小的≥576px中≥768px大≥992px超大≥1200px.container 100％540px 720px 960px 960px 1140px .container-sm-sm-sm 100％540px 720px 960px 960px 1140px 1140px 1140px。 1140px .Container-LG 100％100％100％960px 1140px .Container-XL 100％100％100％100％100％1140px .Container-Fluid 100％100％100％100％100％100％100％100％

最低要求

o函數部署的應用程序o github存儲庫帶有描述項目o navbar的dealme的github存儲庫必須在每個頁面上保持一致。 o每個頁面上的Navbar必須包含指向Home/Alion，Contact和Portfolio頁面的鏈接。 o所有鏈接必須工作。 o必須使用語義HTML。 o每個頁面必須具有有效且正確的HTML。 （使用驗證服務）o必須包含您的個性化信息。 （生物，名稱，圖像，與社交媒體的鏈接等）o必須正確利用引導組件和網格系統。

獎金

1. 使用Bootstrap，製作一個粘厚的頁腳，然後在投資組合網站上使用子行和子列（提示：查看Bootstrap文檔）。

2. 提早提交

3. 作為Web開發人員掌握的最重要技能之一是版本控制。建立通過git進行的習慣很重要，原因有兩個：您的犯罪歷史
4. 向雇主發出信號，您正在積極從事項目和學習新技能。
5. 如果您需要返回到先前的狀態，則允許您恢復代碼庫。

請遵循以下準則：

1. • 對相關更改進行單用途提交，以確保清潔，易於管理的歷史記錄。如果您要解決兩個問題，請進行兩個提交。
2. • 編寫描述性，有意義的提交消息，以便您和其他人看您的存儲庫很容易理解其歷史記錄。
3. • 為了您的合作者（以及您的未來自我！），請不要進行半做的工作。
4. • 在提交開發過程的每一步的功能之前，請先測試您的應用程序。

5. 我們希望您能夠通過畢業來獲得超過200多個投入，因此請儘早委託！

在BCS上提交

您必須提交以下內容：

• 部署應用程序的URL這只是指每個HTML文件的URL嗎？
• GitHub存儲庫的URL

• 在Assets/Images文件夾中提供屏幕截圖作為參考。您的應用不需要像圖像一樣。使用Bootstrap創建類似的響應式佈局。

C： USER JONPC Google Drive bootcamp unc-chh-fsf-pt-pt-03-2020-uc mathcodes.github.io hommwork hommwork hommwork2 readme.md