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

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

玩转Bootstrap（基础）

                
                大漠
            Web前端工程师

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

全部评论问答未解决精华

为什么不能全屏展示呢表单框不能伸缩

+ 我来回答回答最高可+2积分

2 回答 1037 浏览 3-6 表单控件(文本域textarea)

2015-07-15

ericwang2327

JavaScript触发模态弹出窗modal的参数设置：
1.$("#mymodal").modal("toggle")，触发时切换modal显示状态；
2.$("#mymodal").modal("show")，触发时显示；
3.$("#mymodal").modal("hide")，触发时隐藏。

0 8-12 模态弹出框--JavaScript触发时的参数设置（二）

2015-07-15

ericwang2327

JavaScript触发模态弹出窗的参数设置：
{backdrop: ***,
keyboard: ***,
}

0 8-11 模态弹出框--JavaScript触发时的参数设置（一）

2015-07-15

ericwang2327

JavaScript代码触发模态弹出窗 modal：
$(function(){
$(".btn").click(function(){
$("#mymodal").modal();
})
})

0 8-10 模态弹出框--模态弹出窗的使用（JavaScript触发）

2015-07-15

ericwang2327

data-参数说明：
1.data-toggle：必须设置为 modal，用来控制模态窗的显示；
2.data-target：用于指定具体要触发的模态窗是哪一个；
3.data-backdrop：点击背景是否可以关闭模态窗；
4.data-keyboard：按下ESC键，是否可以关闭模态窗。

1 8-9 模态弹出框--模态弹出窗的使用（data-参数说明）

2015-07-15

ericwang2327

类名 .fade 实现模态窗modal的过渡动画。

0 8-8 模态弹出框--为弹出框增加过度动画效果

2015-07-15

ericwang2327

建议统一使用 data-toggle、data-target 来触发模态窗。

0 8-7 模态弹出框--触发模态弹出窗2种方法

2015-07-15

ericwang2327

2.用一个链接<a>元素，那么可以使用链接元素自带的 href属性替代 data-target
<a href="#mymodal" data-toggle="modal">

0 8-7 模态弹出框--触发模态弹出窗2种方法

2015-07-15

ericwang2327

重要：
触发弹出窗的2种方法：
1.使用属性 data-toggle和 data-target；
(1)data-toggle 必须设置为modal，即触发器
data-toggle="modal"
(2)data-target 设置为模态弹出窗的ID值
data-target="#mymodal"
<button type="button" class="btn btn-default" data-toggle="modal" data-target="#mymodal">

0 8-7 模态弹出框--触发模态弹出窗2种方法

2015-07-15

ericwang2327

去，模态框——modal,而不是model

0 8-6 模态弹出框--实现原理解析（二）

2015-07-15

ericwang2327

data-target="#mymodel-data" data-toggle="model"
由data-target属性触发，data-toggle 切换到 model

2 8-5 模态弹出框--实现原理解析（一）

2015-07-15

ericwang2327

注意：当浏览器的视窗大于768px时，模态弹出窗的宽度默认为600px。

1 8-5 模态弹出框--实现原理解析（一）

2015-07-15

ericwang2327

Bootstrap框架的模态弹出框，分别运用了 model、model-dialog、model-content，而弹出框真正的内容都放在 model-content中（model-header、model-body、model-footer）

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

2015-07-15

ericwang2327

弹出框——模态框，model

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

2015-07-15

ericwang2327

Bootstrap中模态框的使用：
<div class="model">
<div class="model-dialog">
<div class="model-content">
<div class="model-header">..</div>
<div class="model-body">..</div>
<div class="model-footer">..</div>
</div>
</div>
</div>

2 8-2 动画过渡（Transitions）

2015-07-15

ericwang2327

Bootstrap框架提供了12种JavaScript插件：
动画过渡；
模态弹窗；
下拉菜单；
滚动侦测；
选项卡；
提示框；
弹出框；
警告框；
按钮；
折叠/手风琴；
图片轮播；
自动定位浮标；

0 8-1 导入JavaScript插件

2015-07-15

首页上一页 412 413 414 415 416 417 418 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

玩转Bootstrap（基础）

为什么不能全屏展示呢表单框不能伸缩