自定义引导对话框
树液
我正在尝试构建一个自定义的引导对话框，其中页脚上的操作按钮应在右侧垂直对齐。这是我到目前为止（jsFiddle）所提供的：
我想要实现的是这样的： 
问题如何将引导对话框分为两部分？一个用于右边的按钮，另一个用于左边的内容？看来使用它并不能做到这一点
<div id="myModal1" class="modal hide" tabindex="-1" role="dialog">
<div class="modal-dialog large">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close pull-right no-padding" data-dismiss="modal" aria-hidden="true">x</button>
</div>
<div class="modal-body">
<div class="row no-margin">
<div class="col-xs-8">
... content here....
</div>
<div class="col-xs-4 action-buttons">
... buttons here ....
</div>
</div>
</div>
</div>
</div>
</div>
齐姆
一个问题可能是您正在使用Bootstrap 3.x标记，但是您的摆弄包括Bootstrap 2.x
使用Bootstrap 3，几乎不需要自定义CSS ...
.action-buttons {
padding: 5% 0;
}
.list-unstyled {
padding: 10% 0;
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
WXPYTHON自定义对话框
- 2
自定义对话框片段
- 3
自定义对话框太小
- 4
自定义进度对话框
- 5
自定义对话框错误
- 6
自定义对话框的布局
- 7
使用自定义对话框时如何关闭引导框
- 8
使用Python创建SPSS自定义对话框
- 9
Android自定义对话框样式
- 10
自定义对话框打开时强制关闭
- 11
jQuery UI自定义对话框按钮
- 12
如何从自定义对话框中删除标题？
- 13
如何自定义放置Jquery对话框
- 14
Electron中的自定义HTML对话框
- 15
在Chain Wix中插入自定义对话框
- 16
DatePicker的内容与自定义对话框的标题重叠
- 17
如何制作更好的自定义对话框？
- 18
设置自定义对话框的高度和宽度
- 19
在自定义对话框中设置textview
- 20
设置自定义对话框的时间
- 21
没有焦点的自定义对话框
- 22
Android自定义对话框片段崩溃
- 23
在自定义对话框中填充NumberPicker
- 24
自定义视图中的Android显示对话框
- 25
如何制作自定义Cast MediaRouter对话框
- 26
Durandal 2.0自定义对话框
- 27
如何自定义对话框的标题部分
- 28
Summernote自定义对话框和按钮
- 29
FB共享对话框中的自定义消息
我来说两句