부트스트랩은 js 프레임워크인가요?-부트스트랩 튜토리얼-php.cn

부트스트랩은 js 프레임워크인가요?

(*-*)浩

풀어 주다： 2019-07-18 11:25:06

원래의

2148명이 탐색했습니다.

Bootstrap은 Twitter에서 출시한 프런트 엔드 개발용 오픈 소스 툴킷입니다. CSS/HTML 프레임워크입니다.

트위터 디자이너 Mark Otto와 Jacob Thornton이 개발했습니다. (추천 학습: Bootstrap 비디오 튜토리얼)

Bootstrap은 동적 CSS 언어 Less로 작성된 우아한 HTML 및 CSS 사양을 제공합니다.

Bootstrap은 출시 이후 큰 인기를 끌었으며 NASA의 MSNBC(Microsoft National Broadcasting Company) Breaking News를 포함하여 GitHub에서 인기 있는 오픈 소스 프로젝트였습니다.

Bootstrap은 jQuery 프레임워크를 기반으로 개발되었으며, jQuery 프레임워크를 기반으로 더욱 개인화되고 인간화되어 고유한 웹 사이트 스타일을 형성했으며 대부분의 jQuery 플러그인과 호환됩니다.

Bootstrap에는 다양한 웹 구성 요소가 포함되어 있으며 이러한 구성 요소를 기반으로 아름답고 완전한 기능을 갖춘 웹 사이트를 빠르게 구축할 수 있습니다.

여기에는 드롭다운 메뉴, 버튼 그룹, 버튼 드롭다운 메뉴, 탐색, 페이징, 레이아웃, 썸네일, 경고 대화 상자, 진행률 표시줄, 미디어 개체 등의 구성 요소가 포함됩니다.

드롭다운 메뉴를 사용합니다. 플러그인을 사용하면 웹페이지를 쉽게 만들고 디자인할 수 있지만, 사용하기 전에 이러한 새로운 지식 콘텐츠를 익히고 기능적 작동을 이해해야 콘텐츠에 적절하게 사용할 수 있습니다. 섹션을 디자인합니다.

예: 드롭다운 메뉴의 예

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

로그인 후 복사

더 많은 Bootstrap 관련 기술 기사를 보려면 Bootstrap Tutorial 칼럼을 방문하세요!

위 내용은 부트스트랩은 js 프레임워크인가요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!