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

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

玩转Bootstrap（基础）

                
                大漠
            Web前端工程师

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

全部评论问答未解决精华

我不是一个好孩子

导航条 = 导航 + 表单 + 其他内容

0 6-1 导航条基础

2017-03-20

我不是一个好孩子

面包屑导航，应该主要用在，后台管理页面中，内容上面，告诉浏览者，现在所处的位置
Bootstrap实现面包屑的方式也很简单，只需要在ul上添加类名breadcrumb就可以实现

1 5-22 面包屑式导航

2017-03-20

怀念往事

怎么感觉第一个下拉和第二个下拉效果一样啊，没有什么区别

1 5-5 下拉菜单（对齐方式）

2017-03-20

我不是一个好孩子

在Bootstrap中制作二级导航只需要把相应li添加类名dropdown就可以了，在列表项填列ul.dropdown-menu二级菜单的内容，同时在a标签中添加相应的class和data-toggle属性

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

2017-03-20

怀念往事

只是为什么不能把内容直接赋值到这个button的内容区呢？
$("div ul").on("click","li",function(){
var abc = $(this).text();
$(".dropdown-toggle").html(abc);
})

随便写了一个，至少看着比较不会奇怪

2 5-4 下拉菜单（菜单标题）

2017-03-20

慕盖茨9283173

好，让我们继续一起愉快的玩耍吧。下一节吧。

1 2-7 强调相关的类

2017-03-20

慕盖茨9283173

Wow，好厉害。下一节吧。

0 2-6 斜体

2017-03-20

慕盖茨9283173

这你都能通过，无法直视你的双眸。下一节吧。

2 2-5 粗体

2017-03-20

我不是一个好孩子

自适应导航条的原理是：把li使用display:table-cell变成表格单元格显示

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

2017-03-20

我不是一个好孩子

自适应导航是在nav-tabs或nav-pills的基础上，添加相应的类名nav-justified就实现了，在效果上和表格的单元格一样可以自适应宽度，整个导航条占整个父容器的宽度

0 5-19 自适应导航（使用）

2017-03-20

我不是一个好孩子

垂直堆叠的导航
ul：在胶囊导航的基础上添加类nav-stacked
垂直堆叠的导航条中要添加一个分割线，要使用<li class="nav-divider"></li>

0 5-18 导航（垂直堆叠的导航）

2017-03-20

我不是一个好孩子

胶囊型导航
ul：nav nav-pills
li : active(选中当前项) disabled(禁用当前项)

0 5-17 导航（胶囊形(pills)导航）

2017-03-20

我不是一个好孩子

标签型tab导航条需要在添加nav类的基础上再添加nav-tabs类，要实现导航条中当前项被选择可以在li属性上添加类active，要实现禁用，则在当前类上添加disabled类名即可

0 5-16 导航（标签形tab导航）

2017-03-20

我不是一个好孩子

Bootstrap的导航条也是利用ul和li配合使用，使用ul的时候要添加相应的类名。第一个要添加的类名是nav，要想使导航条出现效果，好要添加其余的类名，如nav-tabs或nav-pills配合使用，才有效果

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

2017-03-20

1234bbb

有字幕就更好了

1 1-1 Bootstrap简介

2017-03-19

首页上一页 97 98 99 100 101 102 103 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

玩转Bootstrap（基础）