在jsp页面中使用bootstrap制作

《基于BootStrap3的JSP项目实例教程》第2讲 JSP开发第1讲下面将在Eclipse中创建一个动态网站工程,在该工程下创建一个简单JSP页面,用于输出“hello jsp”。 1. 创建Project。新建工程,点击File->Dynamic Web Project,出现New Dynamic Web Project对话框,Project Name命名为Hello1,如图1-17所示。 图1-17 Dynamic Web Project对 阅读详情

1.在webroot中添加res文件夹,将bootstrap添加
这里写图片描述
2.改路径
这里写图片描述

将Link 的href 改成bootstrap中min.css的路径
这里写图片描述
或者用<link rel="stylesheet" type="text/css" href="../../res/bootstrap/css/bootstrap.min.css">

3.col-xs-3(表示表格宽带为3,总为12) col-md-offset-5(表示向右偏移5,最多偏移11)
这里写图片描述

4..col-xs-超小屏幕 手机 (<768px),.col-sm-小屏幕 平板 (≥768px),.col-md-中等屏幕 桌面显示器 (≥992px)(栅格参数).
不管在哪种屏幕上,栅格系统都会自动的分12列 col-xs-和col-sm- 和col-md-*后面跟的参数表示在当前的屏幕中 div占的宽度。例如

<div class="col-xs-6 col-md-3">

这个div在屏幕中占的位置是:1在超小屏幕中占6列 也就是屏幕的一半(6/12) 2.在中单屏幕中占3列也就是1/4(3/12)。 如果我们要在小屏幕上并排显示3个div(12/3=4),在大屏幕上显示6个 则col-xs-4 col-md-2
这样我们就可以控制我们自己想要的什么排版了。
还有一种情况是

后面跟的div中col-sm的参数如果为3 也就是

如果是这样 这两个div在小屏幕中会排2排 因为10+3>12 ,在中等屏幕中可以排同一排 8+4=12

5.col-xs-6 col-sm-3 分别表示在不同的屏幕下在屏幕栅格中的宽度。
这里写图片描述

6.
这里写图片描述这里写图片描述

7.BootStrap 组件之图标
这里写图片描述(search处填图标的名字例如<span class="glyphicon glyphicon-sort-by-attributes"></span>)

8.btn-default 鼠标触碰按钮时候变暗,
btn-group 按钮组
这里写图片描述

9.dropdown-toggle 按钮右侧的圆角。去掉dropdown-toggle,你会发现UL的右侧变成了直角,(默认右边变成直角,是去掉后的运行结果)
这里写图片描述

10”. nav-tabs” 导航变成水平导航栏 如果需要把标签改成胶囊的样式,只需要使用 class .nav-pills 代替 .nav-tabs 即可,其他的步骤与上面相同。

  • 该按钮会变暗
    这里写图片描述
  • 11..navbar样式标识的是一个导航条.
    其中.navbar又包含了:.navbar-header, .navbar-toggle, .navbar-brand

    navbar-fixed-top :固定navbar控件在页头。如新浪的头部,不会随滚动条滚动而滚动。当然,记得要给body加个padding-top:70px;的属性,这样才不会遮到内容 。

    navbar-inverse:深黑色主题,你可以尝试用其他主题,如navbar-default
    这里写图片描述

    .navbar——设置nav元素为导航条组件;

    .navbar-default——指定导航条组件为默认主题;

    .navbar-inverse——指定导航条组件为黑色主题;

    .navbar-fixed-top——设置导航条组件固定在顶部;

    .navbar-fixed-bottom——设置导航条组件固定在底部;

    .container-fluid——设置宽度充满父元素,即为100%;

    .navbar-header——主要指定div元素为导航条组件包裹品牌图标及切换按钮;

    .navbar-toggle——设置button元素为导航条组件的切换钮;

    .collapsed——设置button元素为在视口小于768px时才显示;

    .navbar-brand——设置导航条组件内的品牌图标;

    .collapse——设置div元素为视口大于768px时显示;

    .navbar-collapse——设置div元素为导航条组件各列表项的父元素;

    .navbar-nav——设置ul为导航条组件内的列表元素;

    .navbar-left——设置导航条内元素向左对齐;

    .navbar-right——设置导航条内元素向右对齐;

    .navbar-form——为导航条组件内部的表单组件;

    .navbar-btn——为导航条组件内部的按钮样式;

    .navbar-text——为导航条组件内部的文本样式;

    .navbar-link——在标准的导航组件之外添加标准链接,让链接有正确的颜色和反色设置;

    .breadcrumb——设置列表元素显示为路径导航组件;

《基于BootStrap3的JSP项目实例教程》第1讲 JSP开发第1讲:开发环境的搭建1. 下载Eclipse。使用浏览器打开 www.eclipse.org ,点击Download Eclipse,根据操作系统下载32位或者64位的Eclipse IDE for Java EEDevelopers。 2. 下载Tomcat。在浏览器中打开Tomcat 的主页,下载apache-tomcat-7.0.42免安装版。 3. 解压Eclipse 阅读详情

相关推荐

JSP页面中表格的设计与实现技巧

JSP标签库包含多种类型的标签,用于简化页面内容的创建和数据的处理。理解这些基本标签是开发动态表格的第一步。Bootstrap是一个流行的前端框架,它提供了一套跨浏览器的响应式、移动优先的HTML、CSS和JS工具集,用于快速开发web应用。它集成了大量预设好的样式和组件,使得开发者可以迅速实现界面设计和功能布局,无需从零开始编写每一行代码。其中,Bootstrap的表格组件经过精心设计,能够轻松创建出美观、一致的表格布局,同时保持代码的简洁性与可维护性。

weixin_42587866的博客 1187

JSP和bootstrap

1.JSP 1.Java Server Page:java服务页面,能够书写java代码的html 2.通过idea部署的web文件--->默认jsp文件存储路径:C:\Users\Administrator\.IntelliJIdea2019.1\system\tomcat\Tomcat_8_5_66_Web1\work\Catalina\localhost\Web1_war_exploded\org\apache\jsp 3.经历两个阶段: 翻译阶段:需要被web容器解析 将当

m0_58723498的博客 2768

Bootstrap前端页面设计实战教程

在信息技术日新月异的今天,前端页面设计已经成为构建网络应用不可或缺的一环。随着互联网的迅猛发展,用户对于网页的交互体验和视觉呈现有着越来越高的要求。Bootstrap作为一种流行的前端框架,它的出现极大地简化了前端页面设计流程,提高了开发效率,从而开启了前端设计的新篇章。Bootstrap是由Twitter推出的一款基于HTML、CSS和JavaScript的开源前端框架。它不仅为前端开发者提供了一套优雅的界面组件库,还通过其响应式布局特性,确保了网页在不同设备和屏幕尺寸上的兼容性。

weixin_42315569的博客 723

在jsp引入bootstrap

第一步:在https://v3.bootcss.com/getting-started/#top该网站下载Bootstrap,有可以看到有三种,如下图所示(本人下载的是源码) 第二步:解压下载的解压包 第三步:新建Maven工程然后将它转为一个动态web工程(如果不会,可以参考本人上一篇博客《将一个Maven工程转为一个标准的Web动态工程》) 第四步:在src下面新建一个文件夹(static...

苏世 1万+

Java+jsp+bootstrap+layui+mysql图书管理系统

前端页面采用jsp,bootstrap,layui,密码使用md5加盐加密,数据库用mysql,共10张表,表之间采用逻辑关联,未设置主键,语言为Java,没有使用任何框架,适用于学完Javase基础并且有前端基础知识的同学练手项目,差学生可做毕业设计。

Java项目:鞋子商城系统(java+SSM+JSP+layui+bootstrap+echarts+Mysql)

项目介绍 本项目分为管理员与用户两种角色; 管理员角色包含以下功能: 管理员登录,商品管理,订单管理,人员管理,轮播图管理,评价管理,商品分类管理,修改管理员资料,修改密码等功能。 用户角色包含以下功能: 用户登录,查看首页,查看商品详情,查找商品,查看我的订单,修改密码,添加地址,查看购物车,确认下单 ,提交订单,修改个人资料等功能。 环境需要 1.运行环境:最好是java jdk 1.8,我们在这个平台上运行的。其他版本理论上也可以。 2.IDE环境:IDEA,Eclipse,Myeclipse都可以。推荐IDEA; 3.tomcat环境:Tomcat 7.x,8.x,9.x版本均可 4.硬件环境:windows 7/8/10 1G内存以上;或者 Mac OS; 5.数据库:MySql 5.7版本; 6.是否Maven项目:是; 技术栈 1. 后端:Spring+SpringMVC+Mbytes 2. 前端:JSP+css+javascript+bootstrap+jQuery+layui+echarts 使用说明 1. 使用Navicat或者其它工具,在mysql

基于BootStrap+JSP的学生管理系统(毕业设计项目)

基于BootStrap+JSP的学生管理系统1、前言2、概述3、项目运行截图4、部分代码5、数据库结构6、总结 1、前言 自己做的毕业设计项目,只是做了比较基础的东西,没有什么比较突出的功能,后台几个模块样式相同都是几个表。 2、概述 前端使用了BootStrap框架后端代码主要使用了JSP来实现,主要功能有用户登录、首页、管理员登录、学生管理、学生成绩、上课信息、课程管理、开课信息、详细信息、角色管理、退出登录,十一个大模块,当以管理员身份登录时可以实现对数据库中的数据进行增删改查的基础操作。

weixin_52307218的博客 3524

J-SCOPE实战:除了看波形,如何用它和JLink-RTT模式高效调试你的STM32变量?

本文详细介绍了如何利用J-SCOPE和JLink-RTT模式高效调试STM32变量,实现实时数据可视化。通过对比HSS和RTT模式的优劣,提供固件端配置、J-SCOPE设置及实战应用案例,帮助开发者快速掌握这一高效调试技术,特别适用于电机控制、传感器融合等需要实时监控的场景。

weixin_29159613的博客 444

使用BootStrap制作网页页面

今天主要是大家使用BootStrap制作网页页面,在上一篇文章中我们的网页制作就使BootStrap,但是由于涉及的不是很多,也没有和大家讲解,今天主要是教大家BootStrap 5,该版本是最新的相对4来说更加简单,方便我们使用。 BootStrap的基本使用 在百度上面搜索BootStrap的官网,去到官网,官网上有各种我们需要在页面上使用的代码。 我们只需要将代码复制,放置到页面上使用,大家根据需求去对代码进行更改。 BootStrap上手是非常简单的。 BootStrap实操 将我...

m0_65725031的博客 9651

setup time和hold time的计算

内容仅仅为了方便记忆,与原理无关

sddhyl的博客 7814

华为云HCS解决方案笔记HUAWEI CLOUD Stack【面试篇】

华为云解决方案介绍、华为云服务介绍,华为云网络平面规划等

weixin_48375618的博客 1万+

关于在Jsp页面中使用BootStrap

关于在Jsp页面中使用BootStrap 技术小白、初来乍到、请多指教 [捂脸~~] 在MyEclipse的Web Project项目中,在jsp页面采用Bootstrap框架来美化页面,在TomCat里跑不出预期的美观界面: 解决方案:将所需BootStrap的css、js文件,当然包括自定义的css、js文件放置在static文件夹中,static文件夹放置在WebRoot目录下。注意!千万别...

优快云er_zry的博客 2616

写给音响工程师的科普文章(二)——从模电角度去了解调音台话放

    上一篇讲到调音台第一级放大电路为差分放大器,关于差分放大器的基础知识可以参考以下资料:https://wenku.baidu.com/view/e6a46aaa2af90242a995e537 在教材中的差分放大器基本形式是这样子的,在实际电路中把RE电阻换成两个2倍RE,于是变成这样 然后我们现在来对比调音台中的差分放大器和教材中的有什么区别,我就拿yamaha 01V 96来说...

huanghaoAudio的博客 7701

Bootstrap在jsp及html中的使用

Bootstrap在jsp及html中的使用

想成为大神的小女子 1万+

YOLOv5添加注意力机制的具体步骤

本文主要介绍了 本文在此篇博客的基础上向YOLOv5-5.0版 本文主要包括以下内容一、CBAM注意力机制添加(1)修改yolov5s主干网络(2)在common.py中添加可调用的CBAM模块(3)向yolo.py文件添加CBAMC3判断语句二、SE注意力机制添加 本文以yolov5s网络为例 一、CBAM注意力机制添加 注意力机制可以添加在backbone,Neck,Head等部分,接下来本文以backbone主干网络为例 (1)修改yolov5s主干网络 1.在yolov5-5.0工程文件夹下,找到m

thy0000的博客 2万+

Unity PBR实战:从零打造丝绸材质各向异性高光效果

本文详细介绍了在Unity中实现丝绸材质各向异性高光效果的PBR实战技巧。通过改造Standard Shader、适配IBL环境光以及高级效果调优,开发者可以创建出逼真的丝绸材质,展现动态光纹变化。文章包含关键代码示例和参数配置建议,特别适合需要提升材质表现力的Unity开发者。

weixin_29015483的博客 459

eclipse中使用bootstrap

1.先在WebContent中导入以下三个文件(自行去官网下载:bootstrap,jQuery) 2.新建.jsp文件,比如index.jsp,现在<head>标签里导入下面这些文件,注意顺序不能颠倒 <script src="${pageContext.request.contextPath }/js/jquery-3.3.1.min.js"></sc...

1万+

QGis软件 —— 2、QGis加载在线地图两种方式(谷歌地图、天地图)

QGis软件 —— 2、QGis加载在线地图两种方式(谷歌地图)

1万+

《Bootstrap+JSP开发案例》学习

《Bootstrap+JSP开发案例》学习本次学习到的主要内容 前台登录页面 JS 表单验证 PrepareStatement 接口 密码MD5加“盐”加密 前言 最近在了解 JSP,于是乎在网上找到了李兴华的一个视频教程——Bootstrap+JSP开发案例(点击可在线观看,网易云课堂中还提供了离线下载)。视频很短,不过仍然受益匪浅。 在环境的选择上

hochenchong的博客 6298

【嵌入式DIY实例ESP32篇】-步数计数器

在本项目中,我们将使用 ESP32 微控制器和博世的 BMI160 加速度计陀螺仪模块构建一款便携式计步器

视觉与物联智能 803

深度学习工具包 DeepLearningToolbox

深度学习工具包Deprecation notice.-----This toolbox is outdated and no longer maintained.There are much better tools available for deep learning than this toolbox, e.g. [Theano](http://deeplearning.net/software/theano/), [torch](http://torch.ch/) or [tensorflow](http://www.tensorflow.org/)I would suggest you use one of the tools mentioned above rather than use this toolbox.Best, Rasmus.DeepLearnToolbox================A Matlab toolbox for Deep Learning.Deep Learning is a new subfield of machine learning that focuses on learning deep hierarchical models of data.It is inspired by the human brain's apparent deep (layered, hierarchical) architecture.A good overview of the theory of Deep Learning theory is[Learning Deep Architectures for AI](http://www.iro.umontreal.ca/~bengioy/papers/ftml_book.pdf)For a more informal introduction, see the following videos by Geoffrey Hinton and Andrew Ng.* [The Next Generation of Neural Networks](http://www.youtube.com/watch?v=AyzOUbkUf3M) (Hinton, 2007)* [Recent Developments in Deep Learning](http://www.youtube.com/watch?v=VdIURAu1-aU) (Hinton, 2010)* [Unsupervised Feature Learning and Deep Learning](http://www.youtube.com/watch?v=ZmNOAtZIgIk) (Ng, 2011)If you use this toolbox in your research please cite [Prediction as a candidate for learning deep hierarchical models of data](http://www2.imm.dtu.dk/pubdb/views/publication_details.php?id=6284)```@MASTERSTHESIS\{IMM2012-06284, author = "R. B. Palm", title = "Prediction as a candidate for learning deep hierarchical models of data", year = "2012",}```Contact: rasmusbergpalm at gmail dot comDirectories included in the toolbox-----------------------------------`NN/` - A library for Feedforward Backpropagation Neural Networks`CNN/` - A library for Convolutional Neural Networks`DBN/` - A library for Deep Belief Networks`SAE/` - A library for Stacked Auto-Encoders`CAE/` - A library for Convolutional Auto-Encoders`util/` - Utility functions used by the libraries`data/` - Data used by the examples`tests/` - unit tests to verify toolbox is workingFor references on each library check REFS.mdSetup-----1. Download.2. addpath(genpath('DeepLearnToolbox'));Example: Deep Belief Network---------------------```matlabfunction test_example_DBNload mnist_uint8;train_x = double(train_x) / 255;test_x = double(test_x) / 255;train_y = double(train_y);test_y = double(test_y);%% ex1 train a 100 hidden unit RBM and visualize its weightsrand('state',0)dbn.sizes = [100];opts.numepochs = 1;opts.batchsize = 100;opts.momentum = 0;opts.alpha = 1;dbn = dbnsetup(dbn, train_x, opts);dbn = dbntrain(dbn, train_x, opts);figure; visualize(dbn.rbm{1}.W'); % Visualize the RBM weights%% ex2 train a 100-100 hidden unit DBN and use its weights to initialize a NNrand('state',0)%train dbndbn.sizes = [100 100];opts.numepochs = 1;opts.batchsize = 100;opts.momentum = 0;opts.alpha = 1;dbn = dbnsetup(dbn, train_x, opts);dbn = dbntrain(dbn, train_x, opts);%unfold dbn to nnnn = dbnunfoldtonn(dbn, 10);nn.activation_function = 'sigm';%train nnopts.numepochs = 1;opts.batchsize = 100;nn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.10, 'Too big error');```Example: Stacked Auto-Encoders---------------------```matlabfunction test_example_SAEload mnist_uint8;train_x = double(train_x)/255;test_x = double(test_x)/255;train_y = double(train_y);test_y = double(test_y);%% ex1 train a 100 hidden unit SDAE and use it to initialize a FFNN% Setup and train a stacked denoising autoencoder (SDAE)rand('state',0)sae = saesetup([784 100]);sae.ae{1}.activation_function = 'sigm';sae.ae{1}.learningRate = 1;sae.ae{1}.inputZeroMaskedFraction = 0.5;opts.numepochs = 1;opts.batchsize = 100;sae = saetrain(sae, train_x, opts);visualize(sae.ae{1}.W{1}(:,2:end)')% Use the SDAE to initialize a FFNNnn = nnsetup([784 100 10]);nn.activation_function = 'sigm';nn.learningRate = 1;nn.W{1} = sae.ae{1}.W{1};% Train the FFNNopts.numepochs = 1;opts.batchsize = 100;nn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.16, 'Too big error');```Example: Convolutional Neural Nets---------------------```matlabfunction test_example_CNNload mnist_uint8;train_x = double(reshape(train_x',28,28,60000))/255;test_x = double(reshape(test_x',28,28,10000))/255;train_y = double(train_y');test_y = double(test_y');%% ex1 Train a 6c-2s-12c-2s Convolutional neural network %will run 1 epoch in about 200 second and get around 11% error. %With 100 epochs you'll get around 1.2% errorrand('state',0)cnn.layers = { struct('type', 'i') %input layer struct('type', 'c', 'outputmaps', 6, 'kernelsize', 5) %convolution layer struct('type', 's', 'scale', 2) %sub sampling layer struct('type', 'c', 'outputmaps', 12, 'kernelsize', 5) %convolution layer struct('type', 's', 'scale', 2) %subsampling layer};cnn = cnnsetup(cnn, train_x, train_y);opts.alpha = 1;opts.batchsize = 50;opts.numepochs = 1;cnn = cnntrain(cnn, train_x, train_y, opts);[er, bad] = cnntest(cnn, test_x, test_y);%plot mean squared errorfigure; plot(cnn.rL);assert(er<0.12, 'Too big error');```Example: Neural Networks---------------------```matlabfunction test_example_NNload mnist_uint8;train_x = double(train_x) / 255;test_x = double(test_x) / 255;train_y = double(train_y);test_y = double(test_y);% normalize[train_x, mu, sigma] = zscore(train_x);test_x = normalize(test_x, mu, sigma);%% ex1 vanilla neural netrand('state',0)nn = nnsetup([784 100 10]);opts.numepochs = 1; % Number of full sweeps through dataopts.batchsize = 100; % Take a mean gradient step over this many samples[nn, L] = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.08, 'Too big error');%% ex2 neural net with L2 weight decayrand('state',0)nn = nnsetup([784 100 10]);nn.weightPenaltyL2 = 1e-4; % L2 weight decayopts.numepochs = 1; % Number of full sweeps through dataopts.batchsize = 100; % Take a mean gradient step over this many samplesnn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, 'Too big error');%% ex3 neural net with dropoutrand('state',0)nn = nnsetup([784 100 10]);nn.dropoutFraction = 0.5; % Dropout fraction opts.numepochs = 1; % Number of full sweeps through dataopts.batchsize = 100; % Take a mean gradient step over this many samplesnn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, 'Too big error');%% ex4 neural net with sigmoid activation functionrand('state',0)nn = nnsetup([784 100 10]);nn.activation_function = 'sigm'; % Sigmoid activation functionnn.learningRate = 1; % Sigm require a lower learning rateopts.numepochs = 1; % Number of full sweeps through dataopts.batchsize = 100; % Take a mean gradient step over this many samplesnn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, 'Too big error');%% ex5 plotting functionalityrand('state',0)nn = nnsetup([784 20 10]);opts.numepochs = 5; % Number of full sweeps through datann.output = 'softmax'; % use softmax outputopts.batchsize = 1000; % Take a mean gradient step over this many samplesopts.plot = 1; % enable plottingnn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, 'Too big error');%% ex6 neural net with sigmoid activation and plotting of validation and training error% split training data into training and validation datavx = train_x(1:10000,:);tx = train_x(10001:end,:);vy = train_y(1:10000,:);ty = train_y(10001:end,:);rand('state',0)nn = nnsetup([784 20 10]); nn.output = 'softmax'; % use softmax outputopts.numepochs = 5; % Number of full sweeps through dataopts.batchsize = 1000; % Take a mean gradient step over this many samplesopts.plot = 1; % enable plottingnn = nntrain(nn, tx, ty, opts, vx, vy); % nntrain takes validation set as last two arguments (optionally)[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, 'Too big error');```[![Bitdeli Badge](https://d2weczhvl823v0.cloudfront.net/rasmusbergpalm/deeplearntoolbox/trend.png)](https://bitdeli.com/free "Bitdeli Badge")

bootstrap之jsp

Bootstrap的简单项目 1.首先我们要数据库建库,然后在myeclipse里建项目工程,还有导jar包和Bottstrap的框架,这些咱们先暂时省略,直奔主题页面Jsp: 引入jquery和bootstrap框架: href="${pageContext.request.contextPath }/static/bootstrap-3.3.7-dist/css/bootstra

JackMaster_xh的博客 1386

android 蓝牙通讯demo

android 下蓝牙通讯demo,实现了发现蓝牙,使能蓝牙,通过蓝牙发送消息。

ssm jsp引入Bootstrap

1.下载编译过的Bootstrap包和jquery包 复制到java web 的根目录 2.编写JSP页面 //设置静态资源的跟路径 String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServer

测试小帅哥的博客 953

ET2012新版免狗免安装绿色软件

ET2012新版免狗免安祖昂绿色软件。,新界面,新视觉,

LinePhone3.2.7(android端最新版本) sip客户端

SIP客户端For android:LinePhone3.2.7(最新版本),官网地址:http://www.linphone.org/

JSP实现登录功能(页面带样式)

1、完成两个页面 2、第一个登陆页面login. jsp 3、第二个用户管理页面useManage. jsp 4、有登录功能(能进行用户名密码的校验,用户名若为自己的学号密码为班级号,允许登录,否则不显示用户数据列表),有退出功能。

夏沫の梦的博客 9508

使用 BootStrap快速开发jsp页面

1.新建一个Maven项目   ================================ 2.从bootstrap官网下载相关开发包https://v3.bootcss.com/getting-started/ ========================================== 3.在项目中添加bootstrap,以及jquery ==========...

Satisfy_555的博客 9780

在JSP页面中使用Bootstrap

Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架,用于开发响应式布局、移动设备优先的 WEB 项目。官网:https://v3.bootcss.com/。 在官网下载相应版本后,导入资源【css、js、fonts】,然后在<head></head>中写 <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <me

ysmdelog的博客 2969

使用BootStrap优化网页页面

在上一篇文章教大家如何使用BootStrap,今天主要使用BootStrap在去在页面上完成一些功能,大家去BootStrap官网复制所需要的样式,在进行更改。 代码实操 代码和使用BootStrap制作网页页面该文章代码基本一致,就是index.jsp我们的首页代码有些不同,所以今天只给大家提供首页代码,其他的代码去看上一篇文章。 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding.

m0_65725031的博客 1324
上一篇: Git 初学
下一篇: TankWar2.1(坦克相撞问题)
Young-zhou
博客等级 码龄10年 10粉丝 49原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值