Skip to content
This repository has been archived by the owner on Feb 17, 2021. It is now read-only.

Issues with Bootstrap 3? #75

Closed
ktodyruik opened this issue Apr 1, 2014 · 3 comments
Closed

Issues with Bootstrap 3? #75

ktodyruik opened this issue Apr 1, 2014 · 3 comments
Labels
bug
Milestone
0.2.2

Comments

@ktodyruik
Copy link

The hopscotch demo is working with boostrap 2 right now. The formatting doesn't seem to quite work right in boostrap 3 when I tried it. Is there a quick fix anywhere for this?
@tdekoekkoek
Copy link

I'd like to know this too. I'm seeing the partially off the screen. Also it is not responsive.

@timlindvall timlindvall added the bug label Jun 4, 2014
@timlindvall
Copy link
Collaborator

Ahhhh... Bootstrap 3, in contrast to Bootstrap 2, is adding box-sizing: border-box to everything on the page. This makes the hopscotch bubbles (using the included stylesheet) look terrible.

hopscotch-broken-bubble

Proposed fix to get back to the original behavior would be to make everything under hopscotch-bubble use box-sizing: content-box.

@timlindvall timlindvall added this to the 0.2.2 milestone Jun 5, 2014
timlindvall added a commit to timlindvall/hopscotch that referenced this issue Jun 12, 2014
@timlindvall
Apply box-sizing: content-box to bubble and child elements (unless ov…
ae63bd1 
…erridden by a later style). Resolves Issue LinkedInAttic#75.
@kate2753
Copy link
Contributor

#96 has been merged. The fix will be included in 0.2.2 release.

Closing this issue. Please re-open if this is still a problem.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Assignees
No one assigned
Labels
bug
Projects
None yet
Milestone
0.2.2
Development

No branches or pull requests
4 participants
@tdekoekkoek @timlindvall @kate2753 @ktodyruik