基于bootstrap的网页开发_学习笔记

首页免费课基于bootstrap的网页开发笔记

基于bootstrap的网页开发

                
                姜维
            Web前端工程师

                    查看讲师更多课程 
                    姜维讲师的其他课程
                
jQuery插件——Validation Plugin
中级·65872
免费课程
                                
jQM Web App –列车时刻表
中级·38497
免费课程
                                
WEB调试工具---Firebug
初级·77668
免费课程
                                
网页定位导航特效
初级·71413
免费课程
                                
用JS实现放大镜特效
初级·30113
免费课程
                                
                难度中级
            
                时长 1小时14分
            
                学习人数
            
综合评分9.53
                            408人评价
                        查看评价
                                9.8
                                内容实用
                            
                                9.5
                                简洁易懂
                            
                                9.3
                                逻辑清晰

最热最新

甍晓落 04:28

js代码阻止默认行为，跳转后往上移120px会更美观 $(document).ready(function(){ $("#demo-navbar .dropdown-menu a").click(function(e){ var href = $(this).attr("href"); $("#tab-list a[href='" + href + "']").tab("show"); e.preventDefault(); $(document).scrollTop($(href).offset().top - 120); }) })

查看全部

1 采集收起来源：菜单定位及总结
2018-03-22
wan_荣可

<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title >Hello World</title> <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css"> </head> <body> <div class ="text-center"> <p>Hello World</p> <button class="btn btn-primary" class="center">我是按钮，按我一下</button> </div> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.min.js"></script> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> </body> </html>

查看全部

1 采集收起来源：编程练习
2018-03-22
慢慢成长的阿维 11:03

下拉菜单

查看全部

1 采集收起来源：导航及下拉菜单制作
2016-01-30
Orange_Liu

html5shiv主要解决HTML5提出的新的元素不被IE6-8识别，这些新元素不能作为父节点包裹子元素，并且不能应用CSS样式。让CSS 样式应用在未知元素上只需执行 document.createElement(elementName) 即可实现

查看全部

1 采集收起来源：练习题
2016-01-27
bestrv

<img>标签里面的alt就是图片显示不出来时，显示出来代替的内容。此外.col-md-4 应该放在<div>的.container和 <div>的.row类里面。即： <div class="container"> <div class="row"> <div class="col-md-4"> <img class ="img-circle" src="images/chrome-logo-small.jpg" alt="chrome"> </div> <div class="col-md-4"> <img class ="img-circle" src="images/firefox-logo-small.jpg" alt="firefox"> </div> <div class="col-md-4"> <img class ="img-circle" src="images/safari-logo-small.jpg" alt="safari"> </div> </div> </div>

查看全部

1 采集收起来源：三栏简介布局
2018-03-22
paluadan 09:38

导航条不遮住最上面内容

查看全部

1 采集收起来源：导航及下拉菜单制作
2016-01-20
挚爱雨雨 04:28

tabshow

查看全部

1 采集收起来源：菜单定位及总结
2016-01-09
小周EC

JS需要加强学习，还是看不懂JS

查看全部

1 采集收起来源：编程练习
2015-03-27
xixiruo2015 01:02

滚动广告

查看全部

1 采集收起来源：滚动图片广告
2015-12-27
岸芷汀兰cj

完全实现的tab签切换

查看全部

1 采集收起来源：编程练习
2014-12-01
岸芷汀兰cj 05:12

1.先引入jQuery，再引入Bootstrap.js。原因是Bootstrap中的js插件依赖于jQuery，因此jQuery要在Bootstrap之前引用。 2.要把css写在head中，把js写在body的最后面

查看全部

1 采集收起来源：如何开始使用Bootstrap
2015-01-31
空之天

ViewPort <meta>标记用于指定用户是否可以缩放Web页面。 initial-scale指令用于设置Web页面的初始缩放比例。

查看全部

1 采集收起来源：练习题
2018-03-22
winston_xm

只要搞明白各个元素是如何关联的就比较简单了，不用死记硬背，查手册就行，重要的是理解。要点：框架使用、展现出的代码必须是合法的html、CSS、javascript代码。明白这点很重要，因为它决定了框架代码只能在HTML的元素标签上下文章：设置特定的类、属性，使用同样的ID进行关联等。

查看全部

1 采集收起来源：编程练习
2015-03-23
smileada

看看效果

查看全部

1 采集收起来源：编程挑战
2015-12-16
winston_xm

<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css"> <title>Hello World</title> </head> <body> <div class="text-center"> <h2>Hello Word!</h2> <button type="button" class="btn btn-primary" >我是按钮，按我一下！</button> </div> <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script> <script src="http://cdn.bootcss.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> </body> </html>

查看全部

1 采集收起来源：编程练习
2018-03-22