I'm currently facing an issue with aligning elements in my center navigation. While keeping the navigation centered is not a problem, I'm struggling with positioning another element to the right of it. This element needs to be displayed in an accordion head section.
Below is the code I have using Bootstrap 3:
<div class="panel-heading">
<h4 class="panel-title text-right">
<a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
Click Me
</a>
</h4>
</div>
I am looking for a solution that would allow me to center multiple icons dynamically within the panel, while still keeping the "Click Me" element aligned to the right.
The challenge lies in not knowing the exact number of icons that will be present and ensuring they are always centered within the panel, with "Click Me" remaining on the right side.