Skip to content
This repository has been archived by the owner on Jul 29, 2019. It is now read-only.

Bootstrap affects Vis Network styling? #2640

Closed
FilipQL opened this issue Jan 27, 2017 · 3 comments
Closed

Bootstrap affects Vis Network styling? #2640

FilipQL opened this issue Jan 27, 2017 · 3 comments
Milestone
Patch release v4....

Comments

@FilipQL
Copy link

FilipQL commented Jan 27, 2017 •
edited by mojoaxel
Loading

I am using Vis Network and although the Bootstrap CSS file (bootstrap.min.css) is included first (before vis.min.css):

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/vis/4.18.0/vis.min.css">

... the graph (toolbar) is affected:

1

2

Here is the demo: https://jsfiddle.net/Filip_Z/wef6L1c8/

Do you know how can I prevent this?
@mojoaxel mojoaxel added this to the Patch release v4.18.1 milestone Jan 27, 2017
@mojoaxel mojoaxel changed the title Bootstrap affects Vis Network styling? Boot starb affects Vis Network styling? Jan 27, 2017
@Tooa Tooa changed the title Boot starb affects Vis Network styling? Bootstrap affects Vis Network styling? Jan 27, 2017
@mojoaxel
Copy link
Member

I can confirm this. I'll have a look.

@mojoaxel
Copy link
Member

This is coursed because bootstrap sets all DOM elements to box-sizing: border-box. I'll provide a fix.

mojoaxel added a commit that referenced this issue Jan 29, 2017
@mojoaxel
fix(network): Fix network manipulation together with Bootstrap styles
95ad0a2 
fixes #2640
@mojoaxel mojoaxel mentioned this issue Jan 29, 2017
Merged
@mojoaxel
Copy link
Member

provides fix #2654

Tooa pushed a commit that referenced this issue Jan 29, 2017
@mojoaxel @Tooa
fix(network): Fix network manipulation together with Bootstrap styles (…
c236718 
…#2654)

fixes #2640
@Tooa Tooa closed this as completed Jan 29, 2017
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
Patch release v4.18.1
Development

No branches or pull requests
3 participants
@mojoaxel @Tooa @FilipQL