Bootstrap简单入门

最新推荐文章于 2024-06-18 21:32:55 发布

Douzi1024

最新推荐文章于 2024-06-18 21:32:55 发布

阅读量116

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/Xiao_CangTian/article/details/89506441

本文介绍了一个简单的Bootstrap入门示例，包括了如何引入Bootstrap框架的基本HTML模板结构，以及所需的CSS和JavaScript文件。通过此模板，读者可以快速了解并开始使用Bootstrap进行网页布局设计。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Bootstrap简单入门

BootStrap基本模板

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <meta charset="utf-8">
        <!--声明文档兼容模式，表示使用IE浏览器的最新模式-->
        <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="../../css/bootstrap.min.css" rel="stylesheet">
    
        <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> 
        <script src="../../js/jquery-1.11.3.min.js"></script>
        <!-- Include all compiled plugins (below), or include individual files as needed -->
        <script src="../../js/bootstrap.min.js"></script>
        
    </head>
    
    <body>
        
    </body>
</html>