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

    bootstrap做什么用的?

    青灯夜游青灯夜游2020-11-20 10:20:06原创48

    Bootstrap是一个用于前端开发的开源工具包,一个做网页的框架,用它提供的样式和组件可以快速写网站;用户只需要引用一些定义好的类,也就是class名字,就可以创建出已经有非常漂亮的样式的网页,而且支持自适应。

    Bootstrap是Twitter推出的一个用于前端开发的开源工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。【相关推荐:《bootstrap视频教程》】

    Bootstrap官网:http://v3.bootcss.com/

    Bootstrap是一个做网页的框架(目前最流行的WEB前端框架),就是说你只需要写HTML标签调用它的类你就可以很快速的做一个高大上的网页,你不用担心兼容问题,提供了很多样式供你选择!

    比如你需要做一个网站的导航对吧,你自己写的话你需要写很多代码,但是如果你使用bootstrap框架来写的话,只需要写好HTML标签然后调用类名就可以了!

    作用:

    用它提供的样式和组件快速写网站

    你只需要引用一些定义好的类,也就是class名字,就可以创建出已经有非常漂亮的样式的网页,而且支持自适应,是一个很不错的框架。

    简单点说:是一个快速搭建网站前台页面的开源项目(基于Jquery)。你只需要了解相关的class、标签名称等所代表的意思,然后在构建页面的时候,导入bootstrap的JS、css等,它就会去表现相应的效果出来:

    比如HTML说明:缩略语;当鼠标悬停在缩写和缩写词上时就会显示完整内容,Bootstrap实现了对HTML 元素的增强样式。 缩略语元素带有title属性,外观表现为带有较浅的虚线框,鼠标移至上面时会变成带有“问号”的指针。当你需要段落文字某个单词或者词语需要有上面的那种效果,你就那样按照那种格式写就好了,附加的class=“initialism”是让字号更小一点,也可以不要。反过来说:如果你不试用bootstrap的东西或者其他类似的框架,那你就得自己写这样的效果,开发时间长。再比如Jquery的easyui,也是差不多道理。

    关于bootstrap文件包简单介绍

    文件名称:

    bootstrap.css
    bootstrap.min.css
    bootstrap-responsive.css
    bootstrap-responsive.min.css
    bootstrap.js
    bootstrap.min.js

    解释:

    更多编程相关知识,请访问:编程入门!!

    以上就是bootstrap做什么用的?的详细内容,更多请关注php中文网其它相关文章!

    本文原创发布php中文网,转载请注明出处,感谢您的尊重!
    专题推荐:bootstrap
    上一篇:bootstrap的组件有哪些? 下一篇:bootstrap如何更改nav颜色
    第14期线上培训班

    相关文章推荐

    • bootstrap有什么ui框架?• jquery easyui和bootstrap的区别是什么• html如何引用bootstrap• bootstrap 如何修改css样式• 如何去掉bootstrap模态框的遮罩层

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网