Collapsable Navbar needs a better button #40

New Issue

claunia · 2026-01-29T14:55:11Z

claunia commented

2026-01-29 14:55:11 +00:00

Originally created by @jasonsperske on GitHub (Mar 26, 2015).

Here is what I ended up settling on, but I don't know if this is in keeping with the spirit of DOS UI so I wanted to see if anyone had any better ideas before I try and submit a patch:

<div class="navbar-header">
  <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
    <span class="sr-only">Toggle navigation</span>
    ≡
  </button>
  <a class="navbar-brand" href="#">Project Name</a>
</div>

Also I added this CSS to eliminate the border:

.navbar-inverse .navbar-toggle {
  border: 0 none;
}

Originally created by @jasonsperske on GitHub (Mar 26, 2015). Here is what I ended up settling on, but I don't know if this is in keeping with the spirit of DOS UI so I wanted to see if anyone had any better ideas before I try and submit a patch: ``` <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <span class="sr-only">Toggle navigation</span> ≡ </button> <a class="navbar-brand" href="#">Project Name</a> </div> ``` Also I added this CSS to eliminate the border: ``` .navbar-inverse .navbar-toggle { border: 0 none; } ```

claunia commented

2026-01-29 14:55:12 +00:00

@kristopolous commented on GitHub (Mar 26, 2015):

just submit it. I'll look into it. Thanks!!! :)

@kristopolous commented on GitHub (Mar 26, 2015): just submit it. I'll look into it. Thanks!!! :)

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: starred/BOOTSTRA.386#40