How can I display text only on the collapsed navbar in Bootstrap?

Question

I'd like to display a telephone number that appears on the navbar next to the navbar toggle button. The toggle button only appears once the navbar is in the collapsed state. I'd like the text to appear next to it. Here's what I have now: And here's what I am trying to achieve: HTML from the relevant divs: ```

Accepted Answer

You can control the visibility of your text by CSS, something like this:

```
.abcde .text {
  display: none;
}
.abcde.collapse .text {
  display: inline-block;
}
```

How can I display text only on the collapsed navbar in Bootstrap?

Solution

Problem