zoukankan      html  css  js  c++  java
  • bootstrap的环境配置

    Bootstrap stwitter公司的两名前端设计师设计的基于html css javascript的超强的前端框架。

    Bootstrap 是一移动设备为优先,pc机,平板,手机。

    那么如何引入bootstrap呢?主要有两种方式(文档要求必须是 html5):

    一:引入bootstrap环境:

    <!DOCTYPE html>
    <html lang="zh-cn">
    <head>
        <meta charset="UTF-8">
        <!--屏幕和设备的屏幕一致,初始缩放为1:1,禁止用户缩放-->
        <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
        <title>Document</title>
        <!--引入外部的bootstrap中的css文件-->
        <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
        <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
        <script src="bootstrap/js/jquery.min.js"></script>
        <!--再引入bootstrap.min.js文件-->
        <script src="bootstrap/js/bootstrap.min.js"></script>
    </head>
         <body >
         
          </body>
    </html>
    

    二:使用外部的bootstrap环境

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
         <!-- 新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">
    <!-- 可选的Bootstrap主题文件(一般不用引入) -->
    <link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">
    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
    </head>
          <body>
        
          </body>
    </html>
    
  • 相关阅读:
    最近邻插值
    tp类型自动转换和自动完成
    tp读取器和写入器
    tp模型和数据库操作方法
    tp数据库操作
    tp请求和响应
    tp配置+路由+基本操作
    git的常见操作方法
    php 检查该数组有重复值
    公众号的TOKEN配置PHP代码
  • 原文地址:https://www.cnblogs.com/Song-Timfa/p/8748946.html
Copyright © 2011-2022 走看看