1. <output id="hzk7v"><pre id="hzk7v"><address id="hzk7v"></address></pre></output>
      <output id="hzk7v"></output>
    2. <nav id="hzk7v"><i id="hzk7v"><em id="hzk7v"></em></i></nav>
    3. <listing id="hzk7v"><delect id="hzk7v"><em id="hzk7v"></em></delect></listing>

      详解Bootstrap 学习£¨一£©入门

       更新时间£º2019年04月12日 10:28:02   作者£º子冰吖   我要评论

      这篇文章主要介绍了Bootstrap入门学习£¬文中通过示例代码介绍的非常详细£¬对大家的学习或者工作具有一定的参考学习价值£¬需要的朋友们下面随着小编来一起学习学习吧

      一£º什?#35789;ÇBootstrap£¿

      Bootstrap是目前留下的前端框架之一£¬具备已下特点£º

      1. 基于HTML¡¢CSS¡¢JavaScript开发的£»
      2. 样式展现方面定义了大量全局样式¡¢列表¡¢按钮等样式组件£»
      3. 特效方面实现了轮播¡¢菜单等常用的js控件£»
      4. 样式采用less编写£¬js调用了jquery库£»
      5. 来自Twitter£¬现在委托保管再github上¡£

      Bootstrap适用于网站的开发£¬不适用于管理系?#24120;?#20363;如ERP£©开发£¬它提供的css组件比较多£¬js控件比较少£¬因此可以称bootstrap是一套css框架¡£

      二£º下载£º

      官网地址£º

      http://www.bootcss.com/

      Bootstrap3下载连接£º

      https://v3.bootcss.com/getting-started/

      三£º基本模板£¬入门£º

      <!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="external nofollow" 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 插件?#23478;览?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>
      

      文件版本£º

      !DOCTYPE html>
      <html>
      <head>
      <meta charset="UTF-8">
      <link href="./bootstrap-3.3.7-dist/css/bootstrap.css" rel="external nofollow" rel="stylesheet">
      <link href="./bootstrap-3.3.7-dist/css/bootstrap-theme.css" rel="external nofollow" 
      	rel="stylesheet">
      <title>Insert title here</title>
      </head>
      <body>
      
      </body>
      <script type="text/javascript" src="./jquery/jquery-3.2.1.min.js"></script>
      <script type="text/javascript"
      	src="./bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
      </html>
      

      注£º之上所有引用的js都是由官?#25945;?#20379;£¬我们自己可以用自己下载好的本地文件添加进去即可使用£¡

      以上所述是小编给大家介绍的Bootstrap入门学习详解整合£¬希望对大家有所帮助£¬如果大家有任?#25105;?#38382;请给我留言£¬小编会及时回复大家的¡£在此也非常感谢大家对脚本之家网站的支持£¡

      相关文章

      最新评论

      3dÊÔ»úºÅÖвÊÍø

        1. <output id="hzk7v"><pre id="hzk7v"><address id="hzk7v"></address></pre></output>
          <output id="hzk7v"></output>
        2. <nav id="hzk7v"><i id="hzk7v"><em id="hzk7v"></em></i></nav>
        3. <listing id="hzk7v"><delect id="hzk7v"><em id="hzk7v"></em></delect></listing>

            1. <output id="hzk7v"><pre id="hzk7v"><address id="hzk7v"></address></pre></output>
              <output id="hzk7v"></output>
            2. <nav id="hzk7v"><i id="hzk7v"><em id="hzk7v"></em></i></nav>
            3. <listing id="hzk7v"><delect id="hzk7v"><em id="hzk7v"></em></delect></listing>