第一个Bootstrap程序(2.第一个Bootstra

153 未经授权,禁止转载了解课程
课程介绍
讨论{{interaction.discussNum ? '(' + interaction.discussNum + ')' : ''}}
适合人群
式设计和可访问性的网站人员。 后端开发人员 包括全栈开发人员 有兴趣学习现代Web应用程序开发的学生和个人开发者
你将会学到
Bootstrap网格系统、表格、表单、组件和插件
课程简介

一、Bootstrap概述

在本章中,学生将了解Bootstrap的背景、功能和优势,包括Bootstrap的历史和版本,它的主要功能和优势,以及为什么使用Bootstrap。

二、准备工作

在本章中,学生将学习关于Bootstrap的前置知识,包括HTML和CSS基础知识。此外,还将讨论环境搭建,包括如何下载和安装Bootstrap。

三、如何使用Bootstrap构建网站

在本章中,学生将学习如何使用Bootstrap构建网站。首先,我们将介绍第一个Bootstrap程序,然后深入探讨Bootstrap的网站构建原理。

四、布局

在本章中,学生将学习关于Bootstrap布局的知识。我们将深入研究容器、网格系统和表格。

五、表单

在本章中,学生将学习如何使用Bootstrap表单组件。我们将研究文本输入控件、选择控件、范围控件和表单验证。

六、组件

在本章中,学生将学习关于Bootstrap组件的知识。我们将介绍按钮、徽章、按钮组、下拉列表、列表组、导航菜单、导航栏、分页导航和卡片。

七、插件

在本章中,学生将学习关于Bootstrap插件的知识。我们将介绍工具提示框、警告框、Toast、弹出框、模态框和轮播。

八、实践项目【图书管理系统作业】

在本章中,学生将利用Bootstrap知识,实现一个图书管理系统。我们将首先进行需求分析,然后逐步实现登录页面、图书列表页面和图书添加页面。


案例演示:

image.png

image.png

image.png




展开更多
发布
头像

{{ item.user.nick_name }} {{ EROLE_NAME[item.user.identity] }}

置顶笔记
讨论图
{{ item.create_time }}回复
  • 删除

    是否确认删除?

    确认
    取消
  • {{ item.is_top == 1 ? '取消置顶' : '置顶'}}

    已有置顶的讨论,是否替换已有的置顶?

    确认
    取消
{{ tag.text}}
头像
{{ subitem.user.nick_name }}{{ EROLE_NAME[subitem.user.identity] }}
{{ subitem.create_time }}回复
删除

是否确认删除?

确认
取消
发布
{{pageType === 'video' ? '讨论区抢占沙发,可获得双倍学分' :'讨论区空空如也,你来讲两句~'}}
发布
{{tips.text}}
{{ noteHeaderTitle }} 笔记{{ hasMyNote ? '我的笔记' : '记笔记' }}
{{ hasMyNote ? '我的笔记' : '记笔记' }}
优质笔记
更新于:{{ $dayjs.formate('YYYY-MM-DD HH:mm:ss', item.last_uptime*1000) }}
头像
{{ detail.username }}

公开笔记对他人可见,有机会被管理员评为“优质笔记”

{{ noteEditor.content.length }}/2000

公开笔记
保存
提问

讲师收到你的提问会尽快为你解答。若选择公开提问,可以获得更多学员的帮助。

记录时间点
记录提问时视频播放的时间点,便于后续查看
公开提问
提交