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

[kkirsche]

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

[nextgenthemes]

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.

[vsn4ik]

👍 for merge.

[kkirsche]

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

[kkirsche]

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

[mdo]

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).

[kkirsche]

@mdo It seems to be working correctly with modals:

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

[twbs-lmvtfy]

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.)

[nextgenthemes]

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

[kkirsche]

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

[kkirsche]

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

[mdo]

Let's .