模态框

新建群组

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!-- 模态框(Modal) -->
<div class="modal modal-dialog modal-content" id="myModal">
<div class="modal-header">
<button class="close" data-dismiss="modal">x</button>
<h4 class="modal-title">新建群组</h4>
</div>
<div class="input-group">
<span class="input-group-btn"><button class="btn">群组名:</button></span>
<input type="text" class="form-control">
</div>
<div class="modal-footer">
<button class="btn btn-primary" data-dismiss="modal">关闭</button>
<button class="btn btn-primary" data-dismiss="modal">确定创建</button>
</div>
</div>

分享

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<div class="modal modal-dialog modal-content" id="myModal" >
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" >×</button>
<h4 class="modal-title" id="myModalLabel">文件分享</h4>
</div>
<select name="vinchoose" id="vinchoose">
<option value="open">公开分享</option>
<option value="Private">私密分享</option>
</select>
<div class="input-group">
<span class="input-group-btn">
<button class="btn btn-default" type="button">链接</button>
</span>
<input type="text" class="form-control">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary">创建分享文件</button>
</div>
</div>

按键

1
<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">创建群组</button>