Problem/Motivation

When the Bootstrap theme is installed with the default settings, and a default Bootstrap CSS is attached, or even some of the Bootswatch libraries - the default Drupal "User Account" menu becomes invisible!

It's because it is rendered as the white text on the white background! Here is the screenshot:
Screenshot 1

But we still can find them by selecting the text by mouse:
Screenshot 2

Steps to reproduce

1. Get the vanilla Drupal installation.
2. Install the Bootstrap theme.
3. Configure the Bootstrap CSS theme.
4. Open the front page and see the User Account menu items invisible.

Proposed resolution

Add styles or fix Twig themes to make the menu items visible by default.

Remaining tasks

User interface changes

API changes

Data model changes

Issue fork bootstrap-3511158

Command icon Show commands

Start within a Git clone of the project using the version control instructions.

Or, if you do not have SSH keys set up on git.drupalcode.org:

Comments

murz created an issue. See original summary.

murz’s picture

Status: Active » Needs review
StatusFileSize
new651 bytes

Seems the source of this issue is the wrong default setting for the bootstrap_navbar_top_color - it should be 'navbar-light' instead of the 'navbar-dark'. I fixed this in the issue's MR.

Attach a static patch file with the fix to make it possible to use in composer in a safe way until #3204538: GitLab Merge Requests Unable to Generate Incremental Patch Files is resolved.

yashaswi18’s picture

Status: Needs review » Reviewed & tested by the community

I was able to reproduce this issue locally on Drupal 11 using the Bootstrap theme (5.0.x). After setting it up and verifying through the UI, I encountered the same error.

Applying the suggested fix resolved the issue successfully.

Also reviewed the code changes, and they look good.