一种在 sphinx RST 中合并图像响应 class 的方法？

Question

因此，在 sphinx 中使用 rst 格式时，可以使用以下方式将图片包含到网页中：

.. image:: images/pic.png
    :align: center

但这不适用于需要 class img-responsive 的响应式 bootstrap。有没有办法解决这个问题？目前我的解决方案是编写 html 原始代码：

.. raw:: html

  <div class="container-fluid">
    <div class="row">
      <img src="images/pic.png" class="img-responsive"> 
    </div>
  </div>

但这很笨拙。有没有更简洁的方法来处理这个问题？

Answer 1

我也在找同样的东西，很遗憾地发现你的问题没有答案。经过更多搜索，我确实遇到了这个 Sphinx 扩展：

https://pypi.python.org/pypi/sphinxcontrib-css3image

基本上，它允许您在新指令（基于图像）中指定其他设置，您可以像这样使用：

.. css3image:: /_images/foo.png
  :margin: 10px 10px 10px 10px
  :margin-left: 10px
  :margin-right: 10px
  :margin-top: 10px
  :border-radius: 10px
  :transform-origin: 10px 10px
  :translate: 10px 10px
  :translateY: 10px
  :translateX: 10px
  :scaleX: 2.0
  :scaleY: 2.0
  :rotate: -10deg

我还在源代码中注意到，您似乎可以指定 class:

https://github.com/FabriceSalvaire/sphinx-css3image/blob/master/sphinxcontrib/css3image.py#L123-L148

我刚刚安装并试用了一下。看起来它至少完成了您想要的一部分？

Answer 2

聚会有点晚，但迟到总比不到好。

现在有一个创建响应图像的 Sphinx 扩展。看看https://github.com/sphinxext-photofinish

一种在 sphinx RST 中合并图像响应 class 的方法？

A way to incorporate image responsive class in sphinx RST?

python-sphinx

twitter-bootstrap