Bootstrap快速入门指南（附代码）

最新推荐文章于 2024-01-12 08:15:45 发布

IT程序员的日常

最新推荐文章于 2024-01-12 08:15:45 发布

阅读量443

点赞数 1

CC 4.0 BY-SA版权

分类专栏： Bootstrap 文章标签： Bootstrap Bootstrap入门 Bootstrap使用

本文链接：https://blog.youkuaiyun.com/FengyCoder/article/details/84557272

Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目。

Bootstrap官网:

Bootstrap中文网

Bootstrap英文网

如何使用Bootstrap：

首先进入官网,下载Bootstrap,然后将对应的css,js文件引入到项目中,就可以使用Bootstrap.

<!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, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>Bootstrap初始化</title>
    <link href="lib/bootstrap/css/bootstrap.css" rel="stylesheet">
    <!--引入自己定义的css样式-->
    <link rel="stylesheet" href="css/index.css">
    <style>
        body{
            padding: 40px;
        }
    </style>
</head>
<body>
<!--按钮-->

<!--正常情况下的按钮-->
<button>百度一下</button>
<!--bootstrap集成的按钮默认样式-->
<button class="btn">谷歌一下</button>
<!--bootstrap样式按钮-->
<button class="btn btn-danger">危险按钮</button>
<button class=&

最低0.47元/天解锁文章