![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Bootstrap
前端小易
任何傻瓜都可以写出电脑理解的代码,只有天才才可以写出人类理解的代码
展开
-
Bootstrap错误提示功能
使用Bootstrapde 时候,在开发阶段,用来提示自己出现的错误,那就要在JS中加入一下代码判断,注意:只在开发阶段使用script> // 用来提示自己出现的错误---只限于开发阶段使用 (function () { var s = document.createElement("script"); s.onload = functi原创 2017-10-20 08:54:20 · 6048 阅读 · 0 评论 -
Bootstrap中的下拉菜单组件
Bootstrap中的下拉菜单组件是经常在开发阶段中遇到的,点击一下显示下拉菜单,不需要写JS代码,只用几个css就可以解决,当然你还要引用以下的文件:如果您想要单独引用该插件的功能,那么您需要引用 dropdown.js。或者您可以引用 bootstrap.js 或压缩版的bootstrap.min.js你的 div class="container"> h3>组件-原创 2017-10-20 09:11:12 · 436 阅读 · 0 评论 -
Bootstrap完成折叠效果(手风琴)
老样子,Bootstrap要完成手风琴效果---首先要引用相应的collapse.js,或者直接如下:script src="js/jquery-1.11.3.js" rel="stylesheet">script>script src="js/bootstrap.min.js" rel="stylesheet">script> 也一样的不用再写什么JS了,直接如下:div cl原创 2017-10-20 14:15:28 · 2974 阅读 · 0 评论 -
Bootstrap中的轮播
Bootstrap中的轮播,如果您想要单独引用该插件的功能,那么您需要引用 carousel.js,当然还可以用bootstrap.js,当然还要引用jquery。代码及相关的提示如下:div class="container"> h2>轮播广告--carousel--本身结构复杂,只需要记住根--div.carousel,写完这个就跟着错误提示去做(bootlint.js)h2>原创 2017-10-20 09:26:26 · 918 阅读 · 0 评论 -
Bootstrap中的滚动监听
Bootstrap中的滚动监听---引用scrollspy.js,或者是bootstrap.js。具体看下列代码:首先设置一下Css简单的样式.div1{height: 300px;width: 100%;background: red;}body{position: relative;}不需要JS代码,具体的Html代码如下:body data-spy="scroll" d原创 2017-10-20 11:53:17 · 1658 阅读 · 0 评论 -
Bootstrap完成分页效果的实现(标签页)
div class="container"> h3> bootstrap给予JQ提供了十几个插件,每个插件对于一个*.js文件,可以单独引用,也可以整体引用(bootstrap.js),和JQ.UI是同一级的库! 比JQ.UI多css样式。但是这个JS比JQ.UI复杂,因为中间加了样式 h3> h3>调用上述插件,可以用两种方式:第一种是传统原创 2017-10-20 14:38:59 · 4021 阅读 · 0 评论