zoukankan      html  css  js  c++  java
  • Bootstrap简介

    1,什么是Bootstrap?

    是用于前段的一个框架(HTML .CSS .JS).

    2.特点有什么

    • 响应式布局
    • 移动设备优先

     

    2,下载之后引入网页所用文件

    CSS及 JS压缩版

     <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">

    3,下载jquery.放入JS文件中

     bootstrap/js/jquery-1.8.3.min.js

    基本模板

    Bootstrap 的文档基于HTML5,应使用HTML5的文档类型定义和DTD定义。

    定义类型:<!DOCTYPE html>

    字符集:<meta charset="utf-8">

    移动设备优先:<meta name="viewport" content="width=device-width,initial-scale=1">

    <!DCTYPE html>

    <html>

    <head>

    <meta charset="utf-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">   //使用最新Ie内核来解析

    <meta name="viewport" content="width=device-width,initial-scale=1"> //移动设备优先,响应式布局

    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">        

       <!--[if lt IE 9]>

          <script src="bootstrap/js/html5shiv/3.7.2/html5shiv.min.js"></script>

          <script src="bootstrap/js/respond.js/1.4.2/respond.min.js"></script>

        <![endif]-->

    <title>表单新增元素测试</title>

    </head>

    <body>

    <script src="bootstrap/js/jquery-1.8.3.min.js"></script>

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

    </body>

    </html>

  • 相关阅读:
    0426-mysql插入语句大全
    JS节点操作
    模态框
    滚动监听 after选择器
    JS数组
    js函数 DOM操作
    JS循环 for while 全局/局部变量 短路
    JavaScript 基础 if switch 弹窗 运算符
    无序列表属性 隐藏方式 JS简介
    Css问题 margin float 文档流 背景图底部充满
  • 原文地址:https://www.cnblogs.com/black-humor/p/5598778.html
Copyright © 2011-2022 走看看