Home/ Questions/Q 8064219
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-05T11:18:41+00:00

I have the following navbar collapse: <button type=button class=’btn btn-navbar’ data-toggle=’collapse’ data-target=’.nav-collapse’> <span class=icon-bar/>

  • 0

I have the following navbar collapse:

<button type="button" class='btn btn-navbar' data-toggle='collapse' data-target='.nav-collapse'>
        <span class="icon-bar"/>
        <span class="icon-bar"/>
        <span class="icon-bar"/>
</button>

However I only get a single line on the actual bar. Is there a way I can fix this?enter image description here

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Try:

    <button type="button" class='btn btn-navbar' data-toggle='collapse' data-target='.nav-collapse'>
  <span class="icon-bar"></span>
  <span class="icon-bar"></span>
  <span class="icon-bar"></span>
</button>

    The span tag is not a single tag. If you don’t close it properly, the browser interprets it as:

    <span class="icon-bar">
  <span class="icon-bar">
    <span class="icon-bar"></span>
  </span>
</span>

    Which is why you were only getting one bar.

    • 0