BootstrapTest_1（认识Bootstrap）

最新推荐文章于 2022-03-02 15:13:47 发布
最新推荐文章于 2022-03-02 15:13:47 发布
阅读量1.9k 收藏
点赞数
分类专栏： BootStrap
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/a18729216266/article/details/51835197
版权

BootStrap

BootStrap是由Twitter发布的一个前端页面开发框架，BootStrap框架本身是在JQuery框架基础之上开发出来的，所以兼容大部分的JQuery插件。在BootStrap框架之中提供了更为人性化的设计，例如：CSS布局，JavaScript插件等等，用户利用这写样式以及插件就可以轻松的实现各种华丽的页面页面显示效果。

BootStrap 下载

BootStrap中文官网下载地址：http://v3.bootcss.com/getting-started/#download
里面也有非常详细的中文文档，对学习BootStrap前端框架的同学来说非常有帮助
这里写图片描述
下载之后解压缩即可

应为BootStrap是基于JQuery的基础之上，所以我们还有个下载JQuery开发包
这里写图片描述

这里写图片描述

这里写图片描述

新建文件夹js和css，
将bootstrap.min.js、jquery.min.js放在js文件夹中
将bootstrap.min.css 放在css文件夹中

我用的是STS ide
建立动态的web工程（Dynamic Web Project）
这里写图片描述
将js、css文件加复制粘贴在WebContent目录下
在WebContent目录下下建立index.jsp页面

编辑index.jsp页面
这里写图片描述

观看效果
这里写图片描述
A标签的样式不一样了 有木有发现！！吼吼

一直特立独行的猫
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Permutation test and Bootstrap methods
04-27
主要讲述了permutation test(置换检验)和Bootstrap 方法的原理和应用，并与t-test比较.PDF来源于某国外教材，质量很可以，非常清晰
BootstrapTest
向上取整
11-28 393
Bootstrap使用 概念： 一个前端开发的框架，Bootstrap，来自 Twitter，是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JavaScript 的，它简洁灵活，使得 Web 开发更加快捷。 框架:一个半成品软件，开发人员可以在框架基础上，在进行开发，简化编码。 好处： 定义了很多的css样式和js插件。我们开发人员直接可以使用这些样式和插件得到丰富...
bootstrapTest
dingxiaohuang4790的博客
09-17 223
<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi...
BootstrapTest_2（栅格系统）
划船不靠浆
07-05 566
栅格系统Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统，随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多12列。它包含了易于使用的预定义类，还有强大的mixin 用于生成更具语义的布局。 为了进行更好的布局管理，在Bootstrap之中提供了一种“GridSystem”栅格系统，利用栅格布局可以很好的根据屏幕的宽度来进行信息的展示。简介栅格系统用于通过一系列的行（
Bootstrap-Test:引导测试
05-05
引导测试 目的 练习网页设计时，请创建Bootstrap 4参考。 引导程序4.3.1 入门 包括以下代码以利用Bootstrap CSS / JS <!DOCTYPE html > < html lang =" en " > < head > < meta charset =" utf-8 " > <!-- meta viewport tag enables touch zooming and proper rendering on mobile devices--> < meta name =" viewport " content =" width=device-width, initial-scale=1, shrink-to-fit=no " > < title > Bootstrap Test </ title >
Angular入门教程1
08-08
#### 3.4 认识路由并了解懒加载 学习如何在Angular应用中配置路由，实现页面之间的跳转。同时，了解懒加载概念，提高应用加载速度。 ### 4. 公共功能 - 使用ng2-bootstrap日期控件和模态框，提升用户界面体验。 -...
jquery ui test and examples
05-03
- **与Bootstrap**：Bootstrap侧重于基础UI组件和响应式布局，而jQuery UI专注于交互性和动态效果。 - **与AngularJS**：AngularJS是MVC框架，关注数据绑定和模块化，jQuery UI则专注于前端UI交互。 6. **最佳...
关于consul的单机部署与集群
11-01
- `consul-test-server1`: 用于模拟服务提供者。 - `consul-test-client`: 用于模拟服务消费者。 - `consul-test-zuul`: 作为API网关，负责路由和过滤等功能。 ##### 2. 引入依赖 - **POM文件示例**: ```xml ...
MF00446-java学生会信息管理源码.zip
09-18
通过深入学习这个Java学生会信息管理系统，不仅可以提升Java编程技能，还能了解到Web应用开发的整体流程，对软件工程有更全面的认识。这对于想要从事Java后端开发的初学者来说是一份很好的学习材料。
毕业设计-基于SpringBoot的网上商城项目源码.zip
最新发布
02-25
1. **SpringBoot基础**：理解SpringBoot的基本概念，包括起步依赖、自动配置、内嵌Web服务器（如Tomcat）以及如何通过`@SpringBootApplication`注解启动应用。 2. **Web开发**：使用SpringBoot的 MVC 模式进行前端...
bootstrap总结与例子
08-02
对bootstrap常用的25个知识点进行了简单总结，附带总结文档与代码实例。总结文档月代码时一一对应的
8.2 Bootstrap in hypothesis testing
taojiea1014的博客
03-27 374
8.2 Bootstrap in hypothesis testingskew &lt;- function(x){m3 &lt;- sum((x-mean(x))ˆ3)/length(x)s3 &lt;- sqrt(var(x))ˆ3m3/s3}data &lt;- read.table("c:\\temp\\skewdata.txt",header=T)attach(data)names(da...
BootstrapTest_3（基础排板样式）
划船不靠浆
07-07 710
标题样式h1~h6 如果要显示标题，最早我们只能通过””这样的元素完成，但是用了bootstrap之后我们可以直接在“、”元素中指定样式，实现类似的功能<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <!DOCTYPE html PUBLIC "-//W3C//DT
bootstarp项目报告
m0_61836261的博客
01-16 3533
摘要 广州万孚生物是专业致力于体外快速诊断(POCT)产品的研发、生产和销售一体化的高科技上市企业，公司现有产品70多种，涵盖传染病类检测、妊娠类检测、毒品类检测、心血管疾病检测、肿瘤检测、血糖检测、炎症检测、自身免疫检测等多个列，其中传染病检测系列、奸娠检测系列、毒品检测系列、心血管疾病检测产品具有较强的竞争力，占有较大的市场份额。目前万孚生物基实现了万孚产品全球化战略，产品销往全球一百多个国家和地，公司行业地位不断提升，是国内市场上获得广涉认同的的体外诊断产品产厂商，是最具国际影响力...
Bootstrap学习总结
静水流深
08-05 5591
1.Bootstap的使用模板 &lt;!DOCTYPE html&gt; &lt;html lang="zh-CN"&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&g
【Web应用开发】实验十：Bootstrap网页设计
msmxsd的博客
03-02 2184
文章目录一、实验目的二、实验内容三、实验效果四、小结 一、实验目的 • 学会利用Bootstrap中相关组件进行导航栏的设置 • 掌握Bootstrap中轮播图的设置方法 • 了解掌握Bootstrap中下拉菜单标签页和媒体对象等组件的使用 • 掌握Bootstrap中的栅格布局、列偏移和列排序的方法来设置网页样式 • 了解掌握Bootstrap中各种排版方式，对网页进行美化排版 二、实验内容 完成bootstrap和jquery的导入 导航栏及其背景颜色设置 设置导航栏为固定在上方 设置下拉提示
Bootstrap总结
qq_34609370的博客
11-04 716
一、初识Bootstrap及响应式设计 1、Bootstrap是基于Html（最新的都是基于H5）+CSS3+JavaScript(基本都是基于Jquery)构建的，类似于Jquery-ui，帮助我们封装了js请求、样式，但是有更加强大样式及自适应功能。 2、响应式设计简单来说就是能够自适应于大屏、PC、平板、手机等终端设备。 二、Bootstrap开发流程 1、下载Bootstrap包 2、引...
bootstrap_go_package
09-18
bootstrap_go_package是一个用于Go语言的开源框架，用于快速构建Web应用程序。它提供了一套丰富的功能和组件，以简化前端开发的工作。 首先，bootstrap_go_package提供了统一的界面设计和样式，使得开发人员可以...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值