question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

'Close Icon' utility in Bootstrap 4

See original GitHub issue

I’m just wondering whether we actually need this utility in the documentation? (https://getbootstrap.com/docs/4.1/utilities/close-icon/).

It seems a little redundant as it’s mentioned in the intro text of this page that it can be used on Modals and Alerts, but you’ll find on those components, in the examples, there’s actually the <button> to close the modal:

Use a generic close icon for dismissing content like modals and alerts.

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:11 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
kogdencommented, Jun 26, 2018

I used it but since it’s the only thing on that page it could probably be moved.

1reaction
sts-ryan-holtoncommented, Jun 24, 2018

@MicroDroid Fair comment, but typically you’d use the .close icon within a lighter element, like a modal with a white background, and with this it could look a bit blurred with the white background

Read more comments on GitHub >

github_iconTop Results From Across the Web

Close icon - Bootstrap
Use a generic close icon for dismissing content like modals and alerts.
Read more >
Bootstrap 4 - Clearfix Close Icon - Tutorialspoint
Description. Clearfix utility is used to clear the floated content in a container and close icon for dismissing the content such as alerts...
Read more >
Close icon · Bootstrap - Boosted · Orange
Use a generic close icon for dismissing content like modals and alerts. Be sure to include text for screen readers, as we've done...
Read more >
Bootstrap | Close Icon for dismissing content with Examples
The close icon in bootstrap is a utility that is used to dismiss any content (e.g., Alerts, Modals, Popovers).
Read more >
Bootstrap Close button - examples & tutorial
Close button for the latest Bootstrap 5. Component used to dismiss content of modals, alerts, and popovers.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found