Le bootstrap est-il un framework js ?-Tutoriel d'amorçage-php.cn

Le bootstrap est-il un framework js ?

(*-*)浩

Libérer： 2019-07-18 11:25:06

original

2206 Les gens l'ont consulté

Bootstrap est une boîte à outils open source pour le développement front-end lancée par Twitter. Il s'agit d'un framework CSS/HTML.

Il a été développé par les concepteurs de Twitter Mark Otto et Jacob Thornton. (Apprentissage recommandé : Tutoriel vidéo Bootstrap)

Bootstrap fournit des spécifications HTML et CSS élégantes, qui sont écrites dans le langage CSS dynamique Less.

Bootstrap est très populaire depuis son lancement et est un projet open source populaire sur GitHub, y compris MSNBC (Microsoft National Broadcasting Company) Breaking News de la NASA.

Bootstrap est développé sur la base du framework jQuery. Il est plus personnalisé et convivial basé sur le framework jQuery, formant son propre style de site Web unique et compatible avec la plupart des plug-ins jQuery.

Bootstrap contient une multitude de composants Web Sur la base de ces composants, vous pouvez rapidement créer un site Web magnifique et entièrement fonctionnel.

Il comprend les composants suivants : menu déroulant, groupe de boutons, menu déroulant de boutons, navigation, pagination, typographie, vignettes, boîte de dialogue d'avertissement, barre de progression, objets multimédias, etc.

Site Web conçu par nos soins. Il contient des menus déroulants et des images publicitaires coulissantes. Bien que l'utilisation de plug-ins puisse faciliter la création et la conception de pages Web, avant de l'utiliser, nous devons étudier ce nouveau contenu de connaissances et comprendre son contenu. fonctionnement fonctionnel afin de le rendre adapté. Utilisez-le efficacement dans les sections de contenu que nous avons conçues

Par exemple : Exemples de menus déroulants

<!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>

Copier après la connexion

Pour Pour plus d'articles techniques liés à Bootstrap, veuillez visiter Bootstrap Learn dans la colonne tutoriel !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!