标准bootstrap html 页面

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8"/>
<!--IE 兼容模式-->
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!--响应式布局-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--国产浏览器高速模式-->
<meta name="renderer" content="webkit">
<title></title>

<!-- 新 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="../css/bootstrap.min.css">

</head>
<body>
<div class="container">

</div>

<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="../js/jquery-1.11.2.min.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="../js/bootstrap.min.js"></script>

</body>
</html>

时间： 2024-10-11 22:08:31

标准bootstrap html 页面的相关文章

bootstrap 基本页面元素，代码，列表

<!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="dist/css/bootstrap.css"> </head> <body> <p c

Bootstrap解决页面缩小变形的办法

bootstrap布局是应用得很广泛的一种网页布局方法,例如:我们用一种中间内容很流行的布局分布:3-6-3式布局.代码如下 <style type="text/css"> body{ width:1350px; } header{ background-color:#d9534f; height:120px; } .center{ background-color:#31b0d5; border:1px solid #ff0000; height:300px; margi

bootstrap基本页面

<!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-wid

Vue3.0结合bootstrap做多页面应用（1）创建项目

本人主要做c# winform应用,刚接触vue,发现用vue做单页面应用的比较多,多页面的资料很少,特别是用vue3.0版本做多页面的资料,更少,所以自己整理一下,结合bootstrap和jquery,也可以给有需要的同行做个参考. 1.首先用 vue --version 命令查一下安装的vue-cli版本,要3.x版本,我原先装的是2.9.6版本的 2.卸载vue-cli,执行命令:cnpm uninstall -g vue-clinpm uninstall -g vue-cli ,执行完就

2016 医疗项目 Bootstrap 自适应页面布局（1）

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>home</title> <!--[if lt IE 9]> <meta

按页面方式处理.对一个标准的Html页面,推荐使用此种方式.

public static void test4(String content) throws Exception { Parser myParser; myParser = Parser.createParser(content, "GBK"); HtmlPage visitor = new HtmlPage(myParser); myParser.visitAllNodesWith(visitor); String textInPage = visitor.getTitle();

基于Bootstrap的页面排版知识

标题: Bootstrap定义了所有HTML的标题样式,<h1>...<h6>标签或者在标签内加入.h1 class等可以得到一样的效果 效果: 副标题: 标签<small>或者添加.small class 效果: 缩写: <abbr>标签,title属性中写全称 <abbr title="World Trade Organization">WTO</abbr> 当鼠标移动到文本上时显示: 列表: .list-un

免费的Bootstrap等待页面的应用模板

在线演示 本地下载 这是一款适合移动设备的网页模板,它页面干净小巧.有很多新元素在其中,可以自定义动画和特效.非常酷!

在 IE 浏览器中，使用 bootstrap 使得页面滚动条浮动显示，自动隐藏，自动消失

貌似是从 IE10 开始?为了触屏操作优化浏览器的内容显示,IE 浏览器提供了一种可以浮动显示,自动隐藏的滚动条样式,但是这个样式会在某些情况下造成一些困扰,比如下图... 其实默认情况下,桌面版的 IE 应该是传统的滚动条样式:而在应用版的 IE 中,滚动条默认才是浮动显示,自动隐藏. 但是可能会发现,一些使用了 bootstrap 样式的网站,也会出现相同这种情况,谷歌了一下,发现这是因为 bootstrap 设置了一个 CSS 的属性: @-ms-viewport { width: dev