bootstrap tabs weird white box around text

Forum|Forum|6 years ago
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

http://tcdesignstamford.co.uk/test/test.html

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

T

tim crossAuthor

Inspiring

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

Correct answer

Community Expert

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

Fix these and all should be well: https://validator.w3.org/nu/?doc=http%3A%2F%2Ftcdesignstamford.co.uk%2Ftest%2Ftest.html

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded