首页 / BOOTSTRAP / BootStrap——新建BootStrap项目

BootStrap——新建BootStrap项目

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了BootStrap——新建BootStrap项目，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含987字，纯文字阅读大概需要2分钟。

内容图文

1、概念：

Bootstrap 是开发 Web 应用程序和网站的前端框架，它是基于 HTML、CSS、JAVASCRIPT 的。

2、新建BootStrap项目：

（1）需要先导入BootStrap文件夹中的如下三个文件夹（布局、字体、js）：

技术分享图片

 

技术分享图片

（2）在代码中引入相应的文件：

BootStrap官网上的介绍（网络路径）：

技术分享图片

 

3、 BootStrap模板：

（1）官网模板：

技术分享图片

 

 （2）基本模板：

            <!
            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"
            >
            <!--
            宽度为设备的理想宽度
        "viewport"：设备上用来显示网页的那部分区域，通常都有一个默认值
        "initial-scale=1"：初始缩放值,还可以添加其它属性对最大/小缩放值和是否允许缩放进行设置
    
            -->
            <
            title
            >Bootstrap入门</title><link href="../css/bootstrap.min.css" rel="stylesheet"><script src="../js/jquery-1.8.3.js"></script><script src="../js/bootstrap.js"></script><!--文件的引入要遵循严格的顺序--><![endif]--></head><body><h1>你好，世界！</h1></body></html>

 

原文：https://www.cnblogs.com/zhai1997/p/12238192.html

内容总结

以上是互联网集市为您收集整理的BootStrap——新建BootStrap项目全部内容，希望文章能够帮你解决BootStrap——新建BootStrap项目所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1189039.html

来源：【匿名】