简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > Web Front-end > CSS Tutorial > body text

Bootstrap download and import examples

PHPz
Release： 2018-10-15 15:43:58
Original
2692 people have browsed it

1. Usually the css is imported first

2. Bootstrap relies on the jQuery library, all jQuery must be imported first

3. Finally, import the bootstrap js file, if your project does not use it To the bootstrap plug-in, you don’t need to import

1. All styles are added using class

2. Various effects can be accumulated on one element

[Related video recommendations:Bootstrap tutorial】

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <!--导入bootstrap的css样式文件-->
    <link rel="stylesheet" href="dist/css/bootstrap.css">
    <!--必须先导入jQuery-->
    <script src="jquery-3.2.1.js"></script>
    <script src="dist/js/bootstrap.js"></script>
    <title>Bootstrap下载与导入</title>
</head>
<body>
<img src="1.jpg" alt="" class="img-circle img-responsive">
<div class="alert alert-warning">
    <a href="#" data-dismiss="alert">
        &times;
    </a>
    <strong>警告！</strong>您的网络连接有问题。
</div>
</body>
</html>
Copy after login

The above is the detailed content of Bootstrap download and import examples. For more information, please follow other related articles on the PHP Chinese website!

Related labels：
bootstrap下载，bootstrap导入
source：php.cn
Previous article：Color modification of HTML5 input placeholder Next article：Bootstrap grid layout system example
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
Display AWS PDF files in Bootstrap mode in Laravel I have downloaded aws url like https://xxx-xx-dev.s3.ap-south-1.amazonaws.com/std_check/65...
From 2024-04-04 22:16:18
0
1
1450
HTML web page pagination in Chrome I'm trying to paginate after a full page div container. Just like loading an introductory ...
From 2024-04-02 23:26:08
0
1
404
Unable to open Uibuilder (Node-red) on Rasberry pi I have successfully installed Node-RED on the Rasberrypi and also imported the required pr...
From 2024-03-31 23:25:51
0
1
347
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！