• 技术文章 >web前端 >Bootstrap教程

    bootstrap是js框架吗

    (*-*)浩(*-*)浩2019-07-18 11:25:06原创1088

    Bootstrap是Twitter推出的一个开源的用于前端开发的工具包,是一个CSS/HTML框架。

    它由Twitter的设计师Mark Otto和Jacob Thornton合作开发。(推荐学习:Bootstrap视频教程

    Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成。

    Bootstrap一经推出后颇受欢迎,一直是GitHub上的热门开源项目,包括NASA的MSNBC(微软全国广播公司)的Breaking News都使用了该项目。

    Bootstrap是基于jQuery框架开发的,它在jQuery框架的基础上进行了更为个性化和人性化的完善,形成一套自己独有的网站风格,并兼容大部分jQuery插件。

    Bootstrap中包含了丰富的Web组件,根据这些组件,可以快速的搭建一个漂亮、功能完备的网站。

    其中包括以下组件:下拉菜单、按钮组、按钮下拉菜单、导航、分页、排版、缩略图、警告对话框、进度条、媒体对象等

    我们设计的网站中就有使用到下拉菜单和滑动广告图等,虽然说使用插件能使制作设计网页简单,但是在使用之前,我们对这个新的知识内容进行了学习,了解其功能运作,才能使其贴合地使用在我们设计的内容板块上

    例如:下拉菜单的实例

    <!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教程栏目进行学习!

    以上就是bootstrap是js框架吗的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:bootstrap
    上一篇:bootstrap能和vue一起用吗 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • bootstrap都有哪些组件• bootstrap模态框有哪些• bootstrap如何触发下拉菜单• bootstrap如何解决浏览器兼容性问题
    1/1

    PHP中文网