Html 如何在div中对齐手风琴的中心

我把屏幕分成两部分。左边和右边的部分。在左边的部分应该有一个里面有形式元素的手风琴。在右侧显示我选择、选择或输入表单的实时内容

问题是我不明白为什么我的手风琴元素在我使视口变宽时没有对齐在左div的中心

以下是我的例子：

我尝试在左侧添加如下内容：

<div class="container">
  <div class="row">
    <div class="col-md-8 col-md-offset-2">
      <div id="accordion">...</div>
    </div
  </div>
</div>

但是这不起作用。

您在左div内的div上使用了类容器，您需要使用类行

---

给你答案

$document.readyfunction{ 变量图标={ 标题：ui-icon-circle-arrow-e， activeHeader:ui-icon-circle-arrow-s }; $accordion.手风琴{ 图标：图标 }; $toggle.button.onclick，函数{ 如果$accordion.accordion选项，图标{ $accordion.accordion选项，图标，空； } 否则{ $accordion.accordion选项，图标，图标； } }; }; 标题{ 高度：60px； 背景色：cc081e； } 1.节 莫里斯·莫里斯·安特、布兰迪·埃特、奥特莱斯a、苏西比特·埃特、夸姆。整数ut neque。胎膜早破，胎膜早破，妊娠期，调味品，无核细胞。南阿尼布。Donec suscipit Peros。南美。维韦拉·利奥·奥迪奥。马勒苏阿达库拉比图尔酒店。前庭是一个圆滑的节杖

2.部分 塞德·努尔纳。别着急。叶舌。前庭位于阿梅特普鲁斯。亨德雷特万岁，阿利奎特·拉奥里特的多洛，毛里斯·图尔皮斯·波特提托·维利特，自由女神福西布斯。不夸姆万岁。在suscipit faucibus urna

3.部分 Nam enim risus，molestie et，porta ac，aliquam ac，risus。奎斯克·洛博蒂斯。马萨的Phasellus Pellentsque purus。埃尼安在佩德。Phasellus ac libero ac tellus pellentesque semper。塞德·ac·费利斯。塞德·康莫多、马格纳·奎斯·拉西尼亚·奥纳雷、尼西广场、威尼斯人酒后驾车

测验

---

请看一下引导文档。您的问题是在错误的位置使用容器类

引导文档网格：

只需移除容器div，它就会像一个符咒一样工作

<div class="col-md-6" style="border: 1px solid black">
  <div class="col-md-8 col-md-offset-2">
    <div id="accordion">
      <h3>1.Section</h3>
...

小提琴：

<div class="col-md-6" style="border: 1px solid black">
  <div class="col-md-8 col-md-offset-2">
    <div id="accordion">
      <h3>1.Section</h3>
...