bootstrap之弹出框(模态框)的简单应用

弹出框是一个经常使用的组件,一般用于弹出提示信息,确认信息,表单等内容。

弹出框是浮动在页面之上的,弹出时其他页面元素不可被选中。

弹出框的基本结构:头部、内容、底部(常常是按钮)

基本用法:

1.通过 data 属性:在控制器元素(比如按钮或者链接)上设置属性 data-toggle="modal",同时设置 data-target="#identifier"href="#identifier" 来指定要切换的特定的模态框(带有 id="identifier")。

如图:


bootstrap之弹出框(模态框)的简单应用_第1张图片


基本结构的代码:




    
    弹出框(模态框)
    
    
    



创建模态框(Modal)


弹出框一般从属于body元素,以防止弹出框被其他元素影响。


你可能感兴趣的:(bootstrap之弹出框(模态框)的简单应用)