一个使用了 Bootstrap 的基本的 HTML 模板

最新推荐文章于 2022-09-06 18:52:06 发布
最新推荐文章于 2022-09-06 18:52:06 发布
阅读量909 收藏
点赞数
分类专栏： Bootsrtap
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/syc1986705810/article/details/52280615
版权

<!DOCTYPE html>

<html>  

     <head>     

     <title>Bootstrap 模板</title>     

     <metaname="viewport"content="width=device-width, initial-scale=1.0">     

     <!-- 引入 Bootstrap -->     

     <linkhref="http://apps.bdimg.com/libs/bootstrap/3.3.0/css/bootstrap.min.css"rel="stylesheet">     

     <!-- HTML5 Shim 和 Respond.js 用于让 IE8 支持 HTML5元素和媒体查询 -->     

     <!-- 注意： 如果通过 file://  引入 Respond.js 文件，则该文件无法起效果 -->     

      <!--[if lt IE 9]>        

               <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>        

               <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>     

       <![endif]-->  

      </head>  

      <body>     

        <h1>Hello, world!</h1>     

        <!-- jQuery (Bootstrap 的 JavaScript 插件需要引入 jQuery) -->     

        <scriptsrc="https://code.jquery.com/jquery.js"></script>     

        <!-- 包括所有已编译的插件 -->     

        <scriptsrc="js/bootstrap.min.js"></script>  

     </body>

</html>

随遇而安zzl
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Bootstrap程序员个人博客模板 响应式HTML模板 整套模板
01-03
Bootstrap程序员个人技术博客响应式模板基于Bootstrap3.3.5制作，界面简洁，自适应分辨率，兼容PC端和移动端，全套模板，包括首页、前端技术、后端程序、标签云、读者墙、友情链接、404错误页等网站模板页面。
前端框架---Bootstrap的使用
最新发布
m0_74249162的博客
04-30 1344
Bootstrap是一个来自Twitter的前端开发框架，它基于HTML、CSS和JavaScript，以其简洁灵活的特性使得Web开发更加快捷。基本结构网格系统：Bootstrap使用12列网格布局，可以快速构建响应式布局。通过添加class到HTML元素上，可以指定元素在不同屏幕宽度下的列数和偏移量。CSS样式：Bootstrap包含了大量的预设CSS样式，如排版、颜色、按钮、表单等，可以快速地为网页添加统一的样式。JavaScript插件。
BootStrap在jsp中的使用
01-08
下载bootstrap的js，css文件： 在jsp中的应用： 第一步： 新建一个web项目 将bootstrap下载下来的文件放入WEB-INF下面的，lib目录下，新建一个bootstrap文件： 第二步： 新建一个index.jsp文件，引入所使用的css.js和bootstrap的： 注意这里的要缓存<!DOCTYPE html> <html lang=zh-CN> 第三步： 在body中载入需要的组件： 运行在tomcat服务器上： 效果如图： 第四步：tomcat的8080端口被占用，修改tomcat的文件： 然后重启eclipse即可。 在java的项
html文件中引入bootstrap框架
ulPomeloTea的博客
03-05 3994
bootstrap是让控件更加美观的前端框架，引用bootstrap框架能更好地展示网页。引入bootstrap之前需要先引入jQuery框架,因为bootstrap是基于jQuery实现的。      jQuery库的下载：网址 http://jquery.com/ 下载最新的jquery库即可，用于开发的需要下载压缩版的，即以.min.js结尾的。      bootstrap框架的...
jinja2.exceptions.TemplateNotFound: bootstrap/base.html 错误解决
qq_37595510的博客
09-06 1200
jinja2.exceptions.TemplateNotFound: bootstrap/base.html 问题解决
Bootstrap基本模板的使用和理解1
08-31
本文将详细介绍Bootstrap基本模板的使用和理解，帮助初学者快速上手。 首先，Bootstrap模板的基本结构是HTML5文档，通过`<!DOCTYPE html>`声明文档类型。在`<head>`部分，我们需要设定页面语言属性`lang="zh-CN"`，...
Bootstrap会员登录界面html模板
12-04
在“Bootstrap会员登录界面html模板”中，我们可以利用Bootstrap的特性来创建一个美观且功能完善的登录界面。这个模板适用于各种会员系统，能够提供用户友好的体验。 首先，我们要了解HTML（超文本标记语言）是网页...
简约Bootstrap个人简历html模板
06-06
这个“简约Bootstrap个人简历html模板”是一个基于Bootstrap构建的蓝色风格无刷新HTML5个人网站模板，专为想要快速创建专业且吸引人的在线简历的人们设计。 Bootstrap的核心特性包括响应式布局、移动设备优先的设计...
SuperAdmin商业网站后台管理bootstrap页面html模板
12-04
**SuperAdmin商业网站后台管理bootstrap页面html模板** SuperAdmin是一款专为商业网站设计的后台管理模板，基于流行的Bootstrap框架构建，旨在提供一个高效、美观且功能丰富的用户界面，以满足现代企业管理需求。这...
flask-bootstrap/base.html研究以及使用
GeekLee的博客
09-15 1万+
首先了解一下bootstrap提供了多少block，bootstrap中的base.html如下：{% block doc -%} ###doc：整个HTML文档（开始） <!DOCTYPE html> <html{% block html_attribs %}{% endblock html_attribs %}>###html_attribs：<html>标签的属性
Bootstrap基本的HTML模板
sleepwalker_1992的专栏
05-23 3803
Bootstrap 是当下最流行的前端框架（界面工具集）。Bootstrap 的第三方依赖的库：jQuery：Bootstrap框架中的所有JS组件都依赖于jQuery实现，jQuery作为一个框架来讲，提供一套比较便捷的操作DOM的方式；点击打开链接下载html5shiv：让低版本浏览器可以识别HTML5的新标签，如header、footer、section等；点击打开链接下载respond：让...
【Bootstrap初体验之导入模板完成第一个实例】
一斑的博客
07-25 7947
首先在Bootstrap中文网中找到导航栏，点击组件 可以看到页面右边提供了很多组件 我们随便选一个，点击导航条，下拉可以看到关于实例的代码 我们将代码复制到webstorm里，直接添加到&lt;body&gt;标签中，什么都不用再加然后点击运行，发现效果是这样 而我们期待的效果是这样的： 所以接下来我们就要开始导入模板了，还是回到Bootstrap的导航首页，点击起...
flask-bootstrap 模版中所需的CSS/JS文件如何实现本地引入
小明的博客
01-12 1万+
笔者所写的是狗书前七章讲的项目,在学习过程中,因为是使用公司内网,每次运行都要联网很不方便,就研究了一下怎么将所需的CSS/JS文件进行本地引入, 模版扩展来自于bootstrap/base.html,就以bootstrap/base.html的用法为例. 首先通过联网运行的网页源代码确定所需的CSS/JS文件,如下图: 因为这个源代码已经修改过,所以显示的是修改后的
bootstrap 模板
weixin_33728708的博客
06-28 167
Bootstrap的HTML标准模板Hello, world!http://netdna.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-...
模板（自定义base.html）
westenboy的专栏
01-23 2991
1、hello.py from flask import Flask, render_template from flask.ext.script import Manager from flask.ext.bootstrap import Bootstrap app = Flask(__name__) manager = Manager(app) bootstrap = Bootstrap
Bootstrap的基本使用方法，5分钟帮你搞懂怎么用
热门推荐
当代码遇上音乐
03-28 5万+
作为Web开发的Coder，是不是很对浏览器兼容性，各种移动设备适配都很头大，所以我们有必要学习一下当下主流的一个Html5框架，即Bootstrap！
使用bootstrap3写一个后台管理模板
06-09
好的，以下是一个简单的后台管理模板，使用 Bootstrap 3： ``` <!DOCTYPE html> <html lang="en"> , initial-scale=1.0"> 后台管理 <!-- Bootstrap core CSS --> ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值