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-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>Bootstrap 101 Template</title>

    <!-- Bootstrap -->
    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">

    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
    <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
    <!--[if lt IE 9]>
      <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/html5shiv.min.js"></script>
      <script src="https://cdn.jsdelivr.net/npm/[email protected]/dest/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
    <h1>你好，世界！</h1>

    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.min.js"></script>
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"></script>
  </body>
</html>

原文地址：https://www.cnblogs.com/dayin1/p/10908825.html

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

bootstrap基本页面的相关文章

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标准页面模版_V3.3.4

<!DOCTYPE html> <html lang="zh"> <head>  <meta charset="utf-8">  <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!--针对移动设备,网站显示宽度等

Bootstrap标准页面模版

<!DOCTYPE html><html lang="en"> <head>  <meta charset="utf-8">//X-UA-Compatible是IE8的一个专有<meta>属性,它告诉IE8采用何种IE版本去渲染网页,在html的<head>标签中使用.模式Edge 模式告诉 IE 以最高级模式渲染文档,也 //就是任何 IE 版本都以当前

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

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

基于Bootstrap的页面排版知识

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

标准bootstrap html 页面

<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="utf-8"/>  <meta http-equiv="X-UA-Compatible" content="IE=edge" />  <meta name="view