玩转Bootstrap（基础）_技术问答

首页免费课玩转Bootstrap（基础）问答

玩转Bootstrap（基础）

                
                大漠
            Web前端工程师

                    查看讲师更多课程 
                    大漠讲师的其他课程
                
Sass进阶篇
中级·46635
免费课程
                                
Sass入门篇
中级·104420
免费课程
                                
玩转Bootstrap（JS插件篇）
中级·128657
免费课程
                                
十天精通CSS3
初级·242777
免费课程
                                
                难度初级
            
                时长10小时 0分
            
                学习人数
            
综合评分9.53
                            686人评价
                        查看评价
                                9.8
                                内容实用
                            
                                9.4
                                简洁易懂
                            
                                9.4
                                逻辑清晰

全部评论问答未解决精华

ljxyaly

彻底崩溃。。。。。。。。。。。

0 6-7 响应式导航条

2017-10-26

ljxyaly

不得不说，这里真是一个学英语的好地方

3 5-22 面包屑式导航

2017-10-26

ljxyaly

0 5-21 导航加下拉菜单（二级导航）

2017-10-26

ljxyaly

$(function(){
$(".nav-tabs li").bind("click",function(){
$(this).addClass("active").siblings().removeClass("active");
});
$(".nav-pills li").bind("click",function(){
$(this).addClass("active").siblings().removeClass("active");
});
});

0 5-20 自适应导航（实现原理）

2017-10-26

ljxyaly

pill是丸的意思，每个导航项都是一颗丸子

1 5-15 导航（基础样式）

2017-10-26

ljxyaly

.nav-pills > li {
float: left;
}
.nav-pills > li > a {
border-radius: 4px;
}
.nav-pills > li + li {
margin-left: 2px;
}

0 5-15 导航（基础样式）

2017-10-26

ljxyaly

源码差别：
.nav-tabs {
border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
float: left;
margin-bottom: -1px;
}
.nav-tabs > li > a {
margin-right: 2px;
line-height: 1.42857143;
border: 1px solid transparent;
border-radius: 4px 4px 0 0;
}

0 5-15 导航（基础样式）

2017-10-26

ljxyaly

这里面的“checkbox-inline”和“radio-inline”主要是将复选框或单选按钮与label标签内的文字对齐吧

0 3-8 表单控件(复选框和单选按钮水平排列)

2017-10-26

ljxyaly

不错，慕兄我看好你！下一节吧

0 2-22 表格--鼠标悬浮高亮的表格

2017-10-26

ljxyaly

不同的版本颜色会有些改动

0 2-7 强调相关的类

2017-10-26

写的按钮没反应

最新回答 / jaluik

data-toggle=".类名"或者“#id” 应改为 data-target=".类名"或者“#id”

1 回答 600 浏览 6-7 响应式导航条

2017-10-25

慕移动6371110

button 完全不对要加data-toggle="modal" data-target="#mymodal"

0 8-3 模态弹出框（Modals）

2017-10-25

倀空

看了CSS文件吧！看似这么简洁的一个窗口，要定义的可不少哦。

1 8-4 模态弹出框--结构分析

2017-10-24

倀空

了解一下有什么功能，了解一下实现的原理，OK，下一篇？不然，你还想背下来？要用的时候去看官方API文档啊

0 7-30 面板--面板中嵌套列表组

2017-10-24

按钮点击没有反应

最新回答 / 慕村6242568

把<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> 改为<script src="https://libs.baidu.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>

2 回答 1488 浏览 8-1 导入JavaScript插件

2017-10-24

倀空

很高明的CSS啊！！！

0 7-10 进度条--条纹进度条

2017-10-24

首页上一页 55 56 57 58 59 60 61 下一页尾页

开始学习

课程须知: 本教程适合具有一定前端基础的人员，对HTML和CSS有一定的了解，对于定制Bootstrap的同学需要具备LESS和Sass基础知识。

老师告诉你能学到什么？: 1、了解Bootstrap框架 2、如何使用Bootstrap制作Web页面或Web应用程序 3、如何定制个性化Bootstrap

微信扫码，参与3人拼团

热搜

最近搜索清空