Html 引导更改flex box？

我有一个西蒙的游戏，我正在创建，它是好的和花花公子，直到我真正实现引导，然后我的“西蒙董事会”得到所有摇摇晃晃

违规代码：

HTML:

我唯一能想到的是，flex wrap可能会影响引导功能……但在这种情况下，它真的不应该影响引导功能。在不需要引导的情况下，这个“Simon”板看起来很好

我不是bootstrap方面的专家，但我一直在四处搜索，不知道为什么会出现问题。

更改css代码：

.panel_new {
  border: 2px solid white;
  opacity: .35;
  width: 200px;
  height: 200px;
  float: left;
  font-size: 22px;
  color: black;
}
.panel_new:hover {

  opacity: .55;
}



<div class="simon">
     <button id="green" class="panel_new 1" type="button" disabled></button>
     <button id="red" class="panel_new 2" type="button" disabled></button>
     <button id="blue" class="panel_new 3" type="button" disabled></button>
     <button id="yellow" class="panel_new 4" type="button" disabled></button>
</div>

.panel\u新建{
边框：2倍纯白；
不透明度：.35；
宽度：200px；
高度：200px；
浮动：左；
字体大小：22px；
颜色：黑色；
}
.panel_新：悬停{
不透明度：.55；
}

使用panel类进行引导，以便与css部分发生冲突

更改css代码：

.panel_new {
  border: 2px solid white;
  opacity: .35;
  width: 200px;
  height: 200px;
  float: left;
  font-size: 22px;
  color: black;
}
.panel_new:hover {

  opacity: .55;
}



<div class="simon">
     <button id="green" class="panel_new 1" type="button" disabled></button>
     <button id="red" class="panel_new 2" type="button" disabled></button>
     <button id="blue" class="panel_new 3" type="button" disabled></button>
     <button id="yellow" class="panel_new 4" type="button" disabled></button>
</div>

.panel\u新建{
边框：2倍纯白；
不透明度：.35；
宽度：200px；
高度：200px；
浮动：左；
字体大小：22px；
颜色：黑色；
}
.panel_新：悬停{
不透明度：.55；
}

---

使用panel类进行引导，以便与css部分冲突

哪个版本的引导？BS3有一个panel类，它可能与您的类冲突。默认情况下codepen使用的是引导v4 alpha哪个版本的引导？v4 alpha，默认情况下codepen使用的是哪个版本的引导？BS3有一个panel类，它可能与您的类冲突。默认情况下codepen使用的是引导v4 alpha哪个版本的引导？v4 alpha，默认情况下codepen使用的是它似乎仍然存在相同的问题，即使在上面复制，它似乎仍然存在相同的问题，即使在上面复制

.panel_new {
  border: 2px solid white;
  opacity: .35;
  width: 200px;
  height: 200px;
  float: left;
  font-size: 22px;
  color: black;
}
.panel_new:hover {

  opacity: .55;
}



<div class="simon">
     <button id="green" class="panel_new 1" type="button" disabled></button>
     <button id="red" class="panel_new 2" type="button" disabled></button>
     <button id="blue" class="panel_new 3" type="button" disabled></button>
     <button id="yellow" class="panel_new 4" type="button" disabled></button>
</div>