Я использую начальный загрузчик для своего проекта, и я стараюсь, чтобы на одной линии были складные объекты.Они появляются на одной линии, но если я раскрываю первый складной элемент, другой складной элемент перемещается вниз в первый складной элемент.
Снимок экрана
Снимок экрана
В настоящее время у меня есть две складные части, написанные так:
<div class="row">
<div class="container">
<h2>Nerve Cuffs</h2>
<hr>
<button type="button" class="btn btn-info" data-toggle="collapse" data-target="#2-Channel">2-Channel Nerve Cuffs <i class="fas fa-angle-down"></i></button>
<div id="2-Channel" class="collapse">
<div class="row">
<div class="col-6">
<h4>NC-630-2</h4>
</div>
</div>
<h5><span class="badge badge-secondary">2-Channel</span></h5>
<button type="button" class="btn btn-info" data-toggle="collapse" data-target="#1">Specifications <i class="fas fa-angle-down"></i></button>
<div id="1" class="collapse">
<p>Electrode Length: 0.630mm <br>
Electrode Width: 0.150m <br>
Electrode Area: 0.095 mm<sup>2</sup> <br>
Electrode Sites: 2 <br>
Electrode Spacing: 1.000m
</p>
<p>Device Length: 5.000m <br>
Device Width: 2.00mm <br>
Device Thickness: 30 ± 5 μm
</p>
<p>
Standard Electrode Material: TiN <br>
Connector Options: Bare wires, Plastics One, Omnetics
</p>
</div>
<div class="row">
<div class="col-6">
<h4>NC-1210-2</h4>
</div>
</div>
<h5><span class="badge badge-secondary">2-Channel</span></h5>
<button type="button" class="btn btn-info" data-toggle="collapse" data-target="#2">Specifications <i class="fas fa-angle-down"></i></button>
<div id="2" class="collapse">
<p>Electrode Length: 1.210mm <br>
Electrode Width: 0.150m <br>
Electrode Area: 0.182 mm<sup>2</sup> <br>
Electrode Sites: 2 <br>
Electrode Spacing: 1.000m
</p>
<p>Device Length: 10.000m <br>
Device Width: 2.00mm <br>
Device Thickness: 30 ± 5 μm
</p>
<p>
Standard Electrode Material: TiN <br>
Connector Options: Bare wires, Plastics One, Omnetics
</p>
</div>
<div class="row">
<div class="col-6">
<h4>NC-1620-2</h4>
</div>
</div>
<h5><span class="badge badge-secondary">2-Channel</span></h5>
<button type="button" class="btn btn-info" data-toggle="collapse" data-target="#3">Specifications <i class="fas fa-angle-down"></i></button>
<div id="3" class="collapse">
<p>Electrode Length: 1.620mm <br>
Electrode Width: 0.150m <br>
Electrode Area: 0.243 mm<sup>2</sup> <br>
Electrode Sites: 2 <br>
Electrode Spacing: 1.000m
</p>
<p>Device Length: 10.000m <br>
Device Width: 2.00mm <br>
Device Thickness: 30 ± 5 μm
</p>
<p>
Standard Electrode Material: TiN <br>
Connector Options: Bare wires, Plastics One, Omnetics
</p>
</div>
<div class="row">
<div class="col-6">
<h4>NC-2600-2</h4>
</div>
</div>
<h5><span class="badge badge-secondary">2-Channel</span></h5>
<button type="button" class="btn btn-info" data-toggle="collapse" data-target="#4">Specifications <i class="fas fa-angle-down"></i></button>
<div id="4" class="collapse">
<p>Electrode Length: 2.600mm <br>
Electrode Width: 0.150m <br>
Electrode Area: 0.390 mm<sup>2</sup> <br>
Electrode Sites: 2 <br>
Electrode Spacing: 1.000m
</p>
<p>Device Length: 10.000m <br>
Device Width: 2.00mm <br>
Device Thickness: 30 ± 5 μm
</p>
<p>Standard Electrode Material: TiN <br>
Connector Options: Bare wires, Plastics One, Omnetics
</p>
</div>
</div>
<button type="button" class="btn btn-info" data-toggle="collapse" data-target="#4-Channel">4-Channel Nerve Cuffs <i class="fas fa-angle-down"></i></button>
<div id="4-Channel" class="collapse">
<div class="row">
<div class="col-6">
<h4>NC-1210-4</h4>
</div>
</div>
<h5><span class="badge badge-secondary">4-Channel</span></h5>
<button type="button" class="btn btn-info" data-toggle="collapse" data-target="#5">Specifications <i class="fas fa-angle-down"></i></button>
<div id="5" class="collapse">
<p>Electrode Length: 1.210mm <br>
Electrode Width: 0.150m <br>
Electrode Area: 0.182 mm<sup>2</sup> <br>
Electrode Sites: 4 <br>
Electrode Spacing: 1.000m
</p>
<p>Device Length: 10.000m <br>
Device Width: 4.00mm <br>
Device Thickness: 30 ± 5 μm
</p>
<p>Standard Electrode Material: TiN <br>
Connector Options: Bare wires, Plastics One, Omnetics
</p>
</div>
</div>
</div>
</div>
Любая помощь приветствуется!