【追記】
記事にしたのとは別の箇所で修正依頼が来て、やっぱりはみ出すのでものすごく悩んだ末、
もうソースを解析するしかないか…と思い、使っているbootstrap.jsを開いたところ…
bootstrap.js v3.0.0
古っ!!

多分FuelPHPに含まれていたものだと思われ…(-_-;)

んで、v3.3.7に置き換えたら、あっさりとはみ出さなくなりました。。
あの苦労はなんだったんだ…(>_<)
ググっても見つからない訳だよ…(T_T)

という訳で、以下ゴミです。


同じ現象で悩まされている日本人は稀らしく、ググっても見つからなかった。

英語の質問サイトでようやく↓をみつけた。

つまり、右に配置した場合、popoverのviewportとpaddingが正常に作動しない、ですな。

実際、float:rightで使っていたので、コレに該当するのだろうと思い、仮にfloat:leftにしてみたら、はみ出さなかった。
ならばとposition:absoluteで右に配置してみると、やっぱりはみ出した。
なぜかグリッドで右に配置してもはみ出した…。

右側に置くのはあきらめました(T_T)

先の質問サイトに、
bootstrap v4では、positioning libraryが変更になっているので、このバグフィックスは行われないだろう
と書いてあった(訳し間違いかもしれないが)。

なので、やっぱりあきらめよう(´・ω・`)