Bootstrap（三大件的开发框架）

最新推荐文章于 2024-07-23 14:07:14 发布
最新推荐文章于 2024-07-23 14:07:14 发布
阅读量400 收藏
点赞数
文章标签： bootstrap css html JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41406651/article/details/107230778
版权

Bootstrap

01概念

【1】一个前端开发的框架，Bootstrap，来自 Twitter，是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JavaScript 的，它简洁灵活，使得 Web 开发更加快捷
【2】一个半成品软件，开发人员可以在框架基础上，在进行开发，简化编码
【3】好处：
（1）定义了很多的css样式和js插件。我们开发人员直接可以使用这些样式和插件得到丰富的页面效果
（2）响应式布局：同一套页面可以兼容不同分辨率的设备

02快速入门

【1】下载Bootstrap
【2】在项目中将这三个文件夹复制
【3】创建html页面，引入必要的资源文件

模版页面：

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后&
最低0.47元/天 解锁文章
Rheon
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
开发框架-SpringMVC
AyinMars的博客
03-25 959
SpringMVC 什么是SpringMVC？ Spring MVC属于SpringFrameWork的后续产品，已经融合在Spring Web Flow里面。 Spring 框架提供了构建 Web 应用程序的全功能 MVC 模块。使用 Spring 可插入的 MVC 架构，从而在使用Spring进行WEB开发时，可以选择使用Spring的Spring MVC框架或集成其他MVC开发框架，如Struts1(现在一般不用)，Struts 2(一般老项目使用)等等。 为什么要学SpringMVC? 轻量级，简
前端三大件基本介绍——HTML、CSS、JavaScript
qq_52207529的博客
07-04 3636
想要学习前端开发，HTML、CSS、JavaScript三大件是我们必须要学习的内容，在学完这三大件后我们就可以自主写出一些比较好看的网页。 我们看到的每一个网页主要由三部分组成：结构、表现和行为。 其中，HTML用来表示结构，决定网页的结构和内容（“是什么”）；CSS用来表示表现（样式），设定网页的表现样式（“什么样子”）；JavaScript用来表示行为， 控制网页的行为（“做什么”）；所以我们说这三大件是我们制作网页所必备的知识。 HTML HTML指超文本标记语言，主要用来写网页的框架结
HTML（静态网页资源三大件1）
weixin_41406651的博客
07-07 1442
HTML 01Web概念概述 1.定义 JavaWeb：使用Java语言开发基于互联网的项目 2.软件架构 【1】 C/S: Client/Server 客户端/服务器端 在用户本地有一个客户端程序，在远程有一个服务器端程序 如：QQ，迅雷… 优点： 用户体验好 缺点： 开发、安装，部署，维护 麻烦 【2】 B/S: Browser/Server 浏览器/服务器端 只需要一个浏览器，用户通过不同的网址(URL)，客户访问不同的服务器端程序 优点： 开发、安装，部署，维护 简单 缺点： （1）如果应用过大
CSS（静态网页资源三大件2）
weixin_41406651的博客
07-08 218
CSS 01CSS概述 1.概念 【1】Cascading Style Sheets 层叠样式表 【2】层叠：多个样式可以作用在同一个html的元素上，同时生效 【3】样式：设置的格式 2.好处： 【1】功能强大 【2】将内容展示和样式控制分离 （1）降低耦合度。解耦 （2）让分工协作更容易 （3）提高开发效率 02CSS的使用：CSS与html结合方式 1.内联样式 【1】在标签内使用style属性指定css代码 【2】如： <div style="color:red;">hello css&
前端标准开发规范
GFLY博客
06-18 1523
前端的开发规范 本文主要从以下几个方面来概述前端的开发规范 目录构建规范 前端命名规范 前端工作规范 开发文档的书写规范 1. 前端目录构建规范 我们从命名原则、根目录、业务逻辑等方面进行目录构建 1.1 命名原则： - 简洁明了（如下：） * src 源代码 * img 图片资源 image images * js JavaScript脚本 * dep 第...
# Bootstrap
WJLSH123的博客
08-10 115
Bootstrap 响应式布局 @meda 媒体类型 and 媒体特性{ } @meda all and (min-width : 1024px){ 最小宽度为1024时显示的样式 } @meda all and (min-width : 640px) and (max-width:1023px){ 宽度为640~1023时显示的样式 } 样式 模板引入 input：BS是什么 output：响应式框架 input：BS作用 output：快速开发模块的界面 input：BS的构成 ou
python前后端分离开发_Python|前后端分离开发-学习路线及资料
weixin_39564524的博客
12-02 660
欢迎点击「算法与编程之美」↑关注我们！本文首发于微信公众号："算法与编程之美"，欢迎关注，及时了解更多此系列文章。前言人生苦短，我用python。python开发web项目在以前总是因为其运行效率低下而受到诟病，但随着硬件设备性能的不断提升，间接弥补了这一缺点。并且因为python开发的高效性，python web开发也受到越来越多人的关注。本文小编将向大家推荐一条python前后端分离的项目开发...
WEB前端开发——到底应该学习哪几种框架
zc135565的博客
09-10 1162
前端——诞生之初就是为了浏览器的有更好的页面交互。 最初的前端技术，无非就是HTML、CSS、JavaScript三种核心技术 我们开看看百度给前端的定义： 前端即网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展，HTML5、CSS3，前端框架的应用，跨平台响应式网页设计能够适应各种屏幕分辨率，合适的动效设计，给用户带来极高的用户体验。 可随着技术的快速发展，前端开发衍生出了很多流行的框架，如jQuery 、Bootstrap、React、Angular、vue，这几.
web前端开发和后端开发哪个难度大？
SiKi学院的博客
03-20 9050
因为涉及到的具体的应用的领域不同，所以说不能简单地说哪一个难，对于前端而言你会感觉到入门会非常的简单，这也是会给许多人一种错觉，前端很简单，但是只能说是在入门理解上是有利于新手的，前端在主要是在于网页的变化多端，会遇到的第一个槛大概就是在多变的css和js了，后面随着对前端技术的深入，便会感慨前端真的是浩瀚如海，同时技术的更迭飞快，为适应业务发展，你也必须花时间去学新的技术，对于后端，它更多考验的是逻辑思维，在入门上难度高也是绝大多数人所提及的，而在后期开发上都需要面对的问题包括但不限于后端服务的稳定性（对
前端开发框架bootstrap3教程
05-25
《前端开发框架bootstrap3教程》将介绍Bootstrap3的基本概念和使用方法，包括网格系统、表单、导航、按钮、图标等常用组件的使用。通过学习本教程，您将能够掌握Bootstrap3的核心技术，为您的Web开发工作提供便利和...
Bootstrap开发框架 v4.0.0 beta
12-09
Bootstrap是Twitter推出的一个用于前端开发的开源工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发是一个CSS/HTML框架。 Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布
bootstrap框架开发源码
09-04
Bootstrap框架是目前最流行、最广泛使用的前端开发框架之一，由Twitter公司开发并开源，它提供了丰富的HTML、CSS和JavaScript组件，使得构建响应式、移动优先的网站变得简单高效。这个"bootstrap框架开发源码"的...
Bootstrap每天必学之前端开发框架
09-03
Bootstrap是目前最流行的前端开发框架，它以高效、简洁和响应式的设计闻名，深受开发者喜爱。Bootstrap能够极大地简化网站开发流程，节省时间和精力，尤其对于初学者和繁忙的开发团队而言，它是一个不可或缺的工具。...
Bootstrap 开源开发框架 v4.3.1 bulid1028
09-29
Bootstrap是Twitter推出的一个用于前端开发的开源工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布
css class 多种规则判断样式
Little___Turtle的博客
07-22 274
商品分类选择变量 上下的分类需要添加圆角 这个就设计到多个分类的判断。
CSS进阶探索：动画与过渡效果
2301_79375313的博客
07-23 443
在掌握了CSS的基础知识后，进一步探索CSS的动画与过渡效果，可以让你的网页更加生动有趣。动画和过渡不仅可以增强用户的视觉体验，还能有效传达信息，提升交互的流畅性。本文将带你深入了解CSS动画与过渡的奥秘，让你的网页设计更上一层楼。
CSS学习笔记
最新发布
ngczx的博客
07-23 434
CSS学习笔记
CSS Text(文本)
lly202406的博客
07-23 472
CSS中文本属性非常丰富，通过合理运用这些属性，可以创造出各种美观、实用的文本效果。希望本文能帮助您更好地掌握CSS文本属性的使用方法。
Bootstrap前端框架开发学习指南
Bootstrap是目前非常流行的前端开发框架，源自Twitter，主要基于HTML、CSS和JavaScript，提供了一套简洁且灵活的工具，以加速Web开发进程。本课程《BootStrap开发技术》特别强调了实践性，以企业项目开发流程为背景...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值