Skip to main content
Inspiring
December 27, 2019
Answered

bootstrap tabs weird white box around text

  • December 27, 2019
  • 3 replies
  • 1065 views

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 
 
This topic has been closed for replies.
Correct answer Nancy OShea

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

 

3 replies

tim crossAuthor
Inspiring
January 3, 2020

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 🙂

Nancy OShea
Community Expert
Nancy OSheaCommunity ExpertCorrect answer
Community Expert
December 27, 2019

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— Product User & Community Expert
BenPleysier
Community Expert
Community Expert
December 27, 2019
Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!