我需要帮助,设置我的引导模式以显示如下内容: 这是Facebook试图让它看起来很相似。Bootstrap Modal切片
我已经将视频设置,但有困难时期试图让注释部分是在正确的地方。我的按钮在底部。这是我的代码。它不会完全按照我所需要的去做。尝试了数百种不同的方式。要么我是愚蠢的,或者还没有找到正确的方式。我也试图用col-*-*
来做到这一点。
<div id="videoModal" class="modal fade" role="dialog">
<div class="modal-dialog modal-lg modal-wide">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Challenge Video</h4>
</div>
<div class="modal-body" >
<video id="compVideo" class="video-js vjs-default-skin" controls preload="auto" data-setup="{}" height="200" width="300"><source src="test1.mp4" type="video/mp4"></video>
<button class="btn btn-lg btn-danger"><i class="fa fa-bomb"></i></button>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>