如何将响应式游戏添加到我的网站？ [关闭]答案

【问题标题】：How to add a responsive game to my website? [closed]如何将响应式游戏添加到我的网站？ [关闭]
【发布时间】：2016-04-28 02:10:51
【问题描述】：

我想将来自http://www.miniclip.com/webmasters/8-ball-pool-multiplayer/en/ 的任何游戏插入我的网站，但是当我这样做并尝试缩小屏幕时没有响应。有没有办法用引导程序或其他东西来制作它？

【问题讨论】：

标签： css html twitter-bootstrap-3

【解决方案1】：

首先，在您发送的链接上选择全角！

我已经创建了一个示例here

.container {
  background: #e3e3e3;
  margin-bottom: 20px;
  padding-bottom: 50px;
}
h1, h4 {
  text-align: center;
  margin-bottom: 50px;
}
h1 i {
  color: pink;
}

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet"/>
<h1>Bootstrap 3 Responsive video Embeds <i class="fa fa-heart"></i></h1>
<h4>Check out more <a href="http://panayiotisgeorgiou.net">www.panayiotisgeorgiou.net</a> for more awesome web dev things</h4>

<div class="container">
  <div class="row">
    <div class="col-sm-6">

      <h2>16:9 Responsive Aspect Ratio</h2>
      <div class="embed-responsive embed-responsive-16by9">
        <iframe class="embed-responsive-item" src="https://www.youtube-nocookie.com/embed/JYv7Ibml4ro"></iframe>
      </div>
    </div>
    <div class="col-sm-6">


      <h2>4:3 Responsive Aspect Ratio</h2>
      <div class="embed-responsive embed-responsive-4by3">
        <iframe class="embed-responsive-item" src="https://www.youtube-nocookie.com/embed/JYv7Ibml4ro"></iframe>
      </div>
    </div>
    <h2>Miniclip Embed</h2>
    <!-- Place this code where you'd like the game to appear -->
<div class="miniclip-game-embed" data-game-name="8-ball-pool-multiplayer" data-theme="0" data-width="100%" data-height="560" data-language="en"><a href="http://www.miniclip.com/games/8-ball-pool-multiplayer/">Play 8 Ball Pool</a></div>
<p style="text-align:center;"><a href="http://www.miniclip.com/games/8-ball-pool-multiplayer/" target="_blank">Play 8 Ball Pool</a> / More <a href="http://www.miniclip.com/games/genre-3/" target="_blank">Sports games</a></p>

<!-- Insert this code before your </body> tag -->
<script src="//static.miniclipcdn.com/js/game-embed.js"></script>
  </div>
</div>

，看看，告诉我。

【讨论】：

谢谢！有用！我整天都在想办法做到这一点。