原文：Bootstrap学习笔记（9）--模态框（登录/注册弹框）
说明： . 上来一个ul先把登录和注册两个链接扔进去，ul的类nav,navbar nav是导航条，navbar right让他固定在右侧。每个li的里面，data toggle modal 是点击出现一个modal模组，data target register 是点击之后出现的弹框的id，再里面的span是那个小人图标。 . 接下来就是一个大div装着这个注册的弹框，id register ，用 ...
2017-02-27 23:00 5 19866 推荐指数：
相关推荐
一、弹出框基础 Bootstrap框架中的模态弹出框，分别运用了“modal”、“modal-dialog”和“modal-content”样式，而弹出窗真正的内容都放置在“modal-content”中，其主要又包括三个部分： ☑ 弹出框头部，一般使用 ...
布局代码： 效果图： javascript代码： ...
$('#myModal').modal('hide'); ...
模态框（Modal）是BootStrap中很棒的一个插件。可以去BootStrap菜鸟驿站里面看看。 模态框（Modal）是覆盖在父窗体上的子窗体。通常，目的是显示来自一个单独的源的内容，可以在不离开父窗体的情况下有一些互动。子窗体可提供信息、交互等。 这里记录的是自己手动调用模态框而不会使 ...
前面的话 在 Bootstrap 框架中把模态弹出框统一称为 Modal。这种弹出框效果在大多数 Web 网站的交互中都可见。比如点击一个按钮弹出一个框，弹出的框可能是一段文件描述，也可能带有按钮操作，也有可能弹出的是一张图片。本文将详细介绍Bootstrap模态弹出框 结构分析 ...
1.触发模态框弹窗的代码 这里复制了一段Bootstrap模态框的代码 其中，触发模态框的按钮是下面这句代码 当点击“开始演示模态框”按钮时，会提交form表单，某些时候不需要这个按钮有提交表单的功能，就在里面加上type="button". ...
模态框（Modal）是覆盖在父窗体上的子窗体。通常，目的是显示来自一个单独的源的内容，可以在不离开父窗体的情况下有一些互动。子窗体可提供信息、交互等。 （1）提供信息、警告信息、大文本； （2）确认按钮（多按钮）； （3）显示表单元素；（一般用Ajax操作等功能 ...