SphinxのBootstrapテーマで画像サイズを文書に合わせる¶

Bootstrapで画像をレスポンシブに設定するには¶

画像にclassを指定するとレスポンシブ対応になります。

<img src="hogehoge.png" class="img-responsive">

Sphinxで画像にclassを設定するには¶

画像にclassを設定するには、imageディレクティブにclassオプションを付けます。

.. image:
   :class: img-responsive

そして、これをHTMLに変換すると、画像がブラウザの大きさに合わせて拡大縮小されるようになります。