Highlighted

bootstrap tabs weird white box around text

Explorer ,
Dec 27, 2019

Copy link to clipboard

Copied

I am using tabs in Dreamweaver using bootstraps-4.3.1.css

 
The tab works fine on a web browser but when I view it on an iPhone or iPad and I keep clicking between the tab, in the end, you see a white box around the text within the tab as shown in photo below.
 
Not sure how to get rid of this error?? It does not show up all the time and sometimes you have to press it lots of times before the box appears 
 
Adobe Community Professional
Correct answer by Nancy_OShea | Adobe Community Professional

It deosn't look like an error to me.  I think that's the ACTIVE/FOCUS state when you tap & hold the link.

 

See this Bootstrap Tab/Pill reference.

https://www.w3schools.com/bootstrap4/tryit.asp?filename=trybs_nav_pills_toggleable&stacked=h

 

Topics

Bootstrap, Error

Views

435

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

bootstrap tabs weird white box around text

Explorer ,
Dec 27, 2019

Copy link to clipboard

Copied

I am using tabs in Dreamweaver using bootstraps-4.3.1.css

 
The tab works fine on a web browser but when I view it on an iPhone or iPad and I keep clicking between the tab, in the end, you see a white box around the text within the tab as shown in photo below.
 
Not sure how to get rid of this error?? It does not show up all the time and sometimes you have to press it lots of times before the box appears 
 
Adobe Community Professional
Correct answer by Nancy_OShea | Adobe Community Professional

It deosn't look like an error to me.  I think that's the ACTIVE/FOCUS state when you tap & hold the link.

 

See this Bootstrap Tab/Pill reference.

https://www.w3schools.com/bootstrap4/tryit.asp?filename=trybs_nav_pills_toggleable&stacked=h

 

Topics

Bootstrap, Error

Views

436

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Adobe Community Professional ,
Dec 27, 2019

Copy link to clipboard

Copied

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Adobe Community Professional ,
Dec 27, 2019

Copy link to clipboard

Copied

It deosn't look like an error to me.  I think that's the ACTIVE/FOCUS state when you tap & hold the link.

 

See this Bootstrap Tab/Pill reference.

https://www.w3schools.com/bootstrap4/tryit.asp?filename=trybs_nav_pills_toggleable&stacked=h

 

Nancy O'Shea, ACP
Alt-Web.com

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Explorer ,
Jan 03, 2020

Copy link to clipboard

Copied

Thank You - there was a slight border on the Active/Focus file within the bootstrap CSS so have turned it off and now works perfectly 🙂

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Resources
Learn Resources
Add a group