Is bootstrap a js framework?-Bootstrap Tutorial-php.cn

Is bootstrap a js framework?

(*-*)浩

Release： 2019-07-18 11:25:06

Original

2147 people have browsed it

Bootstrap is an open source toolkit for front-end development launched by Twitter. It is a CSS/HTML framework.

It was developed by Twitter designers Mark Otto and Jacob Thornton. (Recommended learning: Bootstrap video tutorial)

Bootstrap provides elegant HTML and CSS specifications, which are written in the dynamic CSS language Less.

Bootstrap has been very popular since its launch and has been a popular open source project on GitHub, including NASA's MSNBC (Microsoft National Broadcasting Company) Breaking News.

Bootstrap is developed based on the jQuery framework. It is more personalized and user-friendly based on the jQuery framework, forming its own unique website style and compatible with most jQuery plug-ins.

Bootstrap contains a wealth of Web components. Based on these components, you can quickly build a beautiful and fully functional website.

It includes the following components: drop-down menu, button group, button drop-down menu, navigation, paging, typography, thumbnails, warning dialog box, progress bar, media object, etc.

We designed the website There are drop-down menus and sliding advertising images used in it. Although using plug-ins can make it easier to create and design web pages, before using it, we have to study this new knowledge content and understand its functional operation in order to make it suitable. Use it effectively in the content sections we designed

For example: examples of drop-down menus

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"> 
    <title>Bootstrap 实例 - 下拉菜单（Dropdowns）</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>

<div class="dropdown">
    <button type="button" class="btn dropdown-toggle" id="dropdownMenu1" 
            data-toggle="dropdown">
        主题
        <span class="caret"></span>
    </button>
    <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
        <li role="presentation">
            <a role="menuitem" tabindex="-1" href="#">Java</a>
        </li>
        <li role="presentation">
            <a role="menuitem" tabindex="-1" href="#">数据挖掘</a>
        </li>
        <li role="presentation">
            <a role="menuitem" tabindex="-1" href="#">数据通信/网络</a>
        </li>
        <li role="presentation" class="divider"></li>
        <li role="presentation">
            <a role="menuitem" tabindex="-1" href="#">分离的链接</a>
        </li>
    </ul>
</div>

</body>
</html>

Copy after login

For more Bootstrap related technical articles, please visit Bootstrap Learn in the tutorial column!

The above is the detailed content of Is bootstrap a js framework?. For more information, please follow other related articles on the PHP Chinese website!