> 资源 > 视频课程 > 视觉设计

HTML/CSS 响应式登陆页面（+Bootstrap 和 Font Awesome）

立即下载

免费资源

暂无评分

105

了解如何使用 HTML 和 CSS 构建响应式登陆页面

视觉设计

你将学到什么

基本响应式 HTML/CSS
Font Awesome
Bootstrap
将网站上传到互联网

要求

无

描述

使用 Bootstrap 5 构建一个干净、响应式的 HTML/CSS 登陆页面。我们将介绍：Bootstrap 5 安装和实现设置响应式图像带 Cards 的响应式网格上传到 Netlify（免费）连接到域名社交媒体的 Font Awesome 图标我们将从基础知识开始。从字面上看，我们将在 Bootstrap 的帮助下构建响应式设计。然后我们将进入 CSS 并定制我们的设计。然后我们将使用 Bootstrap 卡来组织我们的内容。专为希望学习响应式网页设计的初学者而构建。Bootstrap（或 Get Bootstrap）是一个 CSS 框架，可以帮助我们加快网站的设计速度。我喜欢 Bootstrap 的一点是，我们可以轻松地在他们提供的功能之上进行构建，或者使用他们预先存在的设计元素。尤其是他们的网格。既然已经为您构建了一个响应式网格，为什么还要费心去构建一个响应式网格呢？这就是使用 Bootstrap 作为我们网站的 CSS 框架的力量。我将引导您完成预先写入 Bootstrap 中的内联 CSS 元素，以帮助进一步推进我们的设计。我将帮助您完成该过程的每一步。从空白画布到我们可以在线启动的完整网站！