小编Ale*_*x S的帖子

我已经尝试了其他问题和stackexchange上发布的一些建议,但没有任何工作令我满意.

我正在尝试将动态内容加载到模态中.具体来说,iFrame中的YouTube视频或Soundcloud音频.因此,访问该网站的任何用户都可以输入视频或音频的链接.然后模态动态加载用户链接.每个后续用户都可以在一个模态中看到彼此的链接.(为每个用户分别加载模态)

我不能让这个工作得很好.我创建了一个名为"modal.html"的单独html文件来测试它,其中包含一个带有正确的YouTube/Soundcloud剪辑的iframe.

我也很困惑我是否需要在我的标签内使用"data-remote =",或者href是否足够？或者我在第一个模态中使用数据遥控器.或两者,或者其中之一？两者都没有奏效.

这是我的代码:

<a data-toggle="modal" href="modal.html" data-target="#myModal">Click me</a>

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" data-     remote="modal.html" aria-labelledby="myModalLabel" aria-hidden="true">
   <div class="modal-dialog">
<div class="modal-content">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<h4 class="modal-title" id="myModalLabel">Modal title</h4>
  </div>
  <div class="modal-body">

  </div>
  <div class="modal-footer">
    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
    <button type="button" class="btn btn-primary">Save changes</button>
  </div>
</div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

我是Bootstrap的新手.我想在同一行中有两列文本,但第一列的字体比第二列大得多.当我这样做时,第二列中的文本似乎高于第一行.我希望两列中的文本在底部对齐.

这是现在的样子.注意"亚特兰大"垂直对齐方式高于"John Doe" http://bootply.com/83705