bootstrap的部署_bootstrap怎么部署-程序员宅基地

技术标签: 学习  JavaWeb前端  bootstrap  

本文对于bootstrap的使用进行整理,有三种方法配置。
一、bootstrap未下载
须在引用的jsp界面引用以下代码

 <head>
                        <!-- bootstrap的在线引用 -->   
    <!-- 新 Bootstrap 核心 CSS 文件 -->  
    <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css">  
    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->  
    <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>  
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->  
    <script src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>  
</head>

二、bootstrap已下载,通过静态配置

<head>
String path = request.getContextPath(); 
String resPath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; //拼装当前网页的相对路径的
<link href="<%=resPath%>bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<script src="<%=resPath%>jquery/1.11.3/jquery.min.js"></script>
<script src="<%=resPath%>bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>

三、将bootstrap相对应的文件
新建一个jsp,然后将我们需要的写进这个jsp,在需要的时候,直接调用,减少代码的冗余性和增加代码的可读性。

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%
String path = request.getContextPath(); 
String resPath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; 
%>
<link href="<%=resPath%>bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<script src="<%=resPath%>jquery/1.11.3/jquery.min.js"></script>
<script src="<%=resPath%>bootstrap/3.3.7/js/bootstrap.min.js"></script>

对bootstrap一开始不懂,所以自己摸索了半天,但还是需要进一步探索。

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_41611106/article/details/80726367

智能推荐

C语言-求100000以内的所有自幂数_10w以内自幂数-程序员宅基地

文章浏览阅读822次。1.什么叫自幂数?如果在一个固定的进制中,一个n位自然数等于自身各个数位上数字的n次幂之和,则称此数为 自幂数 。例如: 在十进制中,153是一个三位数,各个数位的3次幂之和为13+53+3^3=153,所以153是十进制中的自幂数。在n进制中,所有小于n的正整数都为自幂数,比如2进制中1是自幂数,3进制中1和2都是自幂数,4进制中1,2和3都是自幂数… 2.思路:判断i是否是自幂数再计算i的每一位的n次方之和判断中1,2和3都是自幂数… 3.代码:#define .._10w以内自幂数

开源:VS.NET打印思想与2003/5DataGrid、DataGridView及二维数据如ListView等终极打印实现_vb.net dategridview横向打印-程序员宅基地

文章浏览阅读1k次。前言  当.NET时代到来时,我们在高兴激动的时候,把自己的系统升级到.NET或是用它开发新的系统。  打印--管理信息系统永恒的话题。于是,我们在开发业务系统的时候不得不再专门做一个打印组件或是购买一个中间件完成单据合同、清单、文档、工资单、报表等等的打印。在开始之前,如果您还想了解更多关于打印的信息,可以查看我曾经写的一篇技术文档:NET环境下有关打印页面设置、打印机设置、打印预览_vb.net dategridview横向打印

C++多线程之创建线程及运行_c++ 创建一个线程并执行-程序员宅基地

文章浏览阅读554次,点赞10次,收藏9次。【代码】C++多线程之创建线程及运行。_c++ 创建一个线程并执行

Bigemap如何添加谷歌图源?-程序员宅基地

文章浏览阅读1.2k次。Arcgis : https://livingatlas.arcgis.com/wayback 包含:卫星影像、历史影像。原文链接:https://blog.csdn.net/kiko677/article/details/133324051。mapbox: https://www.mapbox.com/contribute/ 包含:卫星影像、电子地图。必应地图(bing):http://cn.bing.com/maps 包含:卫星影像、电子地图、地形图。谷歌卫星地图(有偏移)_谷歌图源

AI识别教程 yolov5 穿越火线,csgo等FPS游戏识别,角色识别-程序员宅基地

文章浏览阅读1.2k次,点赞37次,收藏14次。我们本次只是识别穿越火线中的人物,还没有实现自动瞄准,我只用了一百张图片进行预测,预测效果不是很好,你可以增加些图片进行训练。后期还会更新!!!!!!!!!!!!!!!!!!!

MySQL远程操作记录删除_解决MySQL不允许从远程访问-程序员宅基地

文章浏览阅读289次。1。 改表法。可能是你的帐号不允许从远程登陆,只能在localhost。这个时候只要在localhost的那台电脑,登入mysql后,更改 "mysql" 数据库里的 "user" 表里的 "host" 项,从"localhost"改称"%"mysql -u root -pvmwaremysql>use mysql;mysql>update user set host = '%' wh..._远程数据库删除表需要验证

随便推点

TUM数据集官方说明&&相应的评估文件evaluate_rpe.py和evaluate_ate.py的使用-程序员宅基地

文章浏览阅读8.9k次,点赞3次,收藏54次。TUM数据集使用方法TUM数据集的格式解读地址:https://vision.in.tum.de/data/datasets/rgbd-dataset/file_formats文件格式我们以以下格式提供来自Kinect的RGB-D数据集:彩色图像和深度地图我们以gzip格式的tar文件(TGZ)提供带有时间戳的颜色和深度图像。彩色图像以PNG格式存储为640x480 8位RGB图像。深度图存储为640x480的16位单色图像PNG格式。颜色和深度图像已经使用PrimeSense的OpenNI_tum数据集

【Centos8】RuntimeError: The NVIDIA driver on your system is too old (found version 11060)-程序员宅基地

文章浏览阅读1.2k次,点赞17次,收藏19次。最近在做大模型方面的产品,部署模型时启动模型遇到这样一个问题:RuntimeError: The NVIDIA driver on your system is too old (found version 11060). Please update your GPU driver by downloading and installing a new version from the URL: 驱动版本跟我们的模型不兼容_runtimeerror: the nvidia driver on your system is too old (found version 110

深入理解Linux内核系列-内核网络协议栈架构_linux内核协议栈数据结构图-程序员宅基地

文章浏览阅读1.1k次,点赞3次,收藏7次。Linux内核层还提供网络防火墙的框架netfilter,基于netfilter框架编写网络过滤程序是 Linux 环境下内核层网络处理的常用方法。视频教程:内核网络协议栈架构详解1、Linux内核源代码结构Linux 的内核源代码可以从 https://www.kernel.org/网站上下载,Linux-3.9.5以上的版本(含)。 其代码目录结构如下:Documentation:这个目录下面没有内核的代码,有一套有用的内核文档。其中文档质量良莠不齐,有很多内核文档的质量很优秀并且相当完整_linux内核协议栈数据结构图

设置QListWidgetItem选中的样式_qt qlistwidget设置始终显示高亮行-程序员宅基地

文章浏览阅读1.1w次。如果在QListWidget中插入QListWidgetItem(比方itemA),默认情况下,在点击itemA时,会被选中而且呈高亮,但是我们往往希望这些是可以自己改变的。为了这个目的,我在网上一直搜索QListWidget改变选中,也确实找到了设置的方法,如下:是利用QPalette的setBrush设置,然后将此QPalette设置成QListWidget的palette。 Q_qt qlistwidget设置始终显示高亮行

【Notepad】NotepadFree安装Json格式化插件-程序员宅基地

文章浏览阅读217次,点赞10次,收藏4次。Jsonviewer2.dll(64位): https://github.com/zbeboy/Jsonviewer2/releases。NPPJSONViewer.dll(32位): https://github.com/kapilratnani/JSON-Viewer。4、选中要格式化的JSON文本,点击 插件->JSON Viewer->Format JSON。3、重启notepad++软件,插件安装成功。2、在plugins文件夹下创建一个和插件。_notepadfree

预训练模型相对位置编码和绝对位置编码的通俗理解_为什么用相对位置embedding,为什么不直接用0,1,2…-程序员宅基地

文章浏览阅读836次,点赞2次,收藏3次。上图中以第5个位置(索引为4)的单词为中心,那么其左边的单词的编号为:-1,-2,-3,-4,右边的单词的编号为:+1,+2,+3,+4。对于第一个位置的单词“I”,当transformer计算“I”跟“therefore”的attention信息时候,"therefore"会采用第6个位置编码,因为我们是以第4个索引为中心,“therefore”是位于“I”的右边相对于“I”的相对距离为2,所以其采用的是第6个embedding向量。1.作者认为超出范围的位置还采用精准的位置编码时没必要的。_为什么用相对位置embedding,为什么不直接用0,1,2…

推荐文章

热门文章

相关标签