Twitter bootstrap fancybox 3和导航引导问题

请看下面的图片 请看下面的图片 请看下面的图片

fancybox 3 and navigation bootstrap issue
When fancybox 3 is open the navigation bootstrap moves to right like the scrollbar is hidden. please see the picture below

[在此处输入图像描述][1]
[1]: https://i.stack.imgur.com/GNsEG.png
下面是may fancybox 3的简单代码。
下面是导航条固定顶部的导航引导。

///代码蚀刻。。。。。。

参见

基本上，只需将

补偿滚动条类添加到导航元素中即可

[enter image description here][1]


  [1]: https://i.stack.imgur.com/GNsEG.png


below is may fancybox 3 simple code.

<a href="img/portfolio/web/1001.png" data-fancybox data-caption="My caption">
  <img src="img/portfolio/web/1001.png" class="img-responsive center-block">
</a>

below is may navigation bootstrap in navbar-fixed-top.

<div class="container">
/// codes etch......
</div>