《解決》Twitter Bootstrapでmodalを使うと画面がずれる問題 | みる米技術部

《解決》Twitter Bootstrapでmodalを使うと画面がずれる問題

バージョン：BootStrap-3.3.2 Twitter BootStrapでModal(背景が暗くなって、ポップアップが浮かび上がる機能)を使うと、画面全体が少し左にずれる問題があります。このま … 続きを読む《解決》Twitter Bootstrapでmodalを使うと画面がずれる問題

みる米技術部

埋め込むにはこの URL をコピーして WordPress サイトに貼り付けてください

<blockquote class="wp-embedded-content" data-secret="JMyhLl3vVL"><a href="https://tech.mirukome.com/modal_bootstrap_issue/">《解決》Twitter Bootstrapでmodalを使うと画面がずれる問題</a></blockquote><iframe sandbox="allow-scripts" security="restricted" src="https://tech.mirukome.com/modal_bootstrap_issue/embed/#?secret=JMyhLl3vVL" width="600" height="400" title="&#8220;《解決》Twitter Bootstrapでmodalを使うと画面がずれる問題&#8221; &#8212; みる米技術部" data-secret="JMyhLl3vVL" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" class="wp-embedded-content"></iframe><script type="text/javascript">
/*! This file is auto-generated */
!function(c,l){"use strict";var e=!1,o=!1;if(l.querySelector)if(c.addEventListener)e=!0;if(c.wp=c.wp||{},c.wp.receiveEmbedMessage);else if(c.wp.receiveEmbedMessage=function(e){var t=e.data;if(!t);else if(!(t.secret||t.message||t.value));else if(/[^a-zA-Z0-9]/.test(t.secret));else{for(var r,s,a,i=l.querySelectorAll('iframe[data-secret="'+t.secret+'"]'),n=l.querySelectorAll('blockquote[data-secret="'+t.secret+'"]'),o=0;o<n.length;o++)n[o].style.display="none";for(o=0;o<i.length;o++)if(r=i[o],e.source!==r.contentWindow);else{if(r.removeAttribute("style"),"height"===t.message){if(1e3<(s=parseInt(t.value,10)))s=1e3;else if(~~s<200)s=200;r.height=s}if("link"===t.message)if(s=l.createElement("a"),a=l.createElement("a"),s.href=r.getAttribute("src"),a.href=t.value,a.host===s.host)if(l.activeElement===r)c.top.location.href=t.value}}},e)c.addEventListener("message",c.wp.receiveEmbedMessage,!1),l.addEventListener("DOMContentLoaded",t,!1),c.addEventListener("load",t,!1);function t(){if(o);else{o=!0;for(var e,t,r,s=-1!==navigator.appVersion.indexOf("MSIE 10"),a=!!navigator.userAgent.match(/Trident.*rv:11\./),i=l.querySelectorAll("iframe.wp-embedded-content"),n=0;n<i.length;n++){if(!(r=(t=i[n]).getAttribute("data-secret")))r=Math.random().toString(36).substr(2,10),t.src+="#?secret="+r,t.setAttribute("data-secret",r);if(s||a)(e=t.cloneNode(!0)).removeAttribute("security"),t.parentNode.replaceChild(e,t);t.contentWindow.postMessage({message:"ready",secret:r},"*")}}}}(window,document);
</script>

埋め込むにはこのコードをコピーしてサイトに貼り付けてください