[Fixes #15944] Add Z-Index to avoid border overlapping

Nice but I am wondering if a z-index 2 (or any value for that matter) will not open up more problems when using this elements inside other z-indexed elements like modals and where bootstrap uses height z-indexes of 1000+ or just some custom z-indexed elements users may use.

👍 for merge.

@twbs after reviewing the z-index variables from Variables.less should this be z-index: 1042 to accomodate @nextgenthemes comment.

Wanted to follow up on this and see what everyone thought.

Let's put together some examples via jsbin to see this stuff in action (the bug, the fix, and trying out a modal if you're concerned about z-index clashing).

@mdo It seems to be working correctly with modals:

http://jsbin.com/nirafuvosu/1/edit?html,css,output

Hi @kkirsche!

You appear to have posted a live example (http://jsbin.com/nirafuvosu/1/edit), which is always a good first step. However, according to the HTML5 validator, your example has some validation errors, which might potentially be causing your issue:

• line 42, column 91: Duplicate ID exampleInputAmount.

You'll need to fix these errors and post a revised example before we can proceed further.
Thanks!

(Please note that this is a fully automated comment.)

I guess I need to learn how z-indexes work when it comes to nesting and relatives, sorry.

Wanted to follow up on this and check if it was missing anything.

Wanted to follow up on this and check if it was missing anything.

Let's .