在bootstrap模式下显示amp-img

Question

我想在bootstrap模式下加载<amp-img>，下面是我的代码：

<div id="modal" class="modal fade" tabindex="-1" role="dialog">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <button type="button" class="close" data-dismiss="modal" aria-label="Close">
      <span aria-hidden="true">
      <div class="exclusive-box">
      <div class="exclusive-inner">
      <a href="">&times;</a></div>
  </div>
  </span>
  </button>
  <div class="modal-body">
    <div class="modal-logo"><a href="">
      <amp-img src="http://dummyimage.com/600x400/000/fff" alt="" width="600" height="400" layout=responsive ></amp-img>
      </a></div>
  </div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>

<script>
$(window).load(function(){
    $('#modal').modal('show');
});
</script>

但是图像没有显示，当我尝试在引导转盘或jQuery事件上显示的任何其他图像上实现它时，同样的问题仍然存在

Answer 1

不能有任何用户创作的JavaScript代码在AMP中，只有由谷歌AMP团队提供的JavaScript可以存在于AMP页面作为AMP's specifications。

Answer 2

我认为这在AMP中是不支持的。

目前只专注于出版物的网站(例如报纸，页面相对简单，交互性不强)，而Bootstrap针对的是更普遍的用途，包括复杂的web应用程序。

• 不能使用任何自定义的JS (所以没有任何Bootstrap组件和JavaScript插件)；解决这个问题的唯一方法是将任何需要JS行为的东西定义为扩展组件，通过语法
• 加载。您只能使用超文本标记语言的子集和特定的标记，例如-因为引导程序本身实际上不会构建整个页面/标记，它由作者决定，在这里引导程序不需要做太多事情
• 您只能添加自定义样式作为内联-这也是作者可以/应该做的事情，而不是引导程序应该处理

的事情

-from an "AMP'd HTML“