Conflict between bootstrap and hovertool

Community Support
1

I have some bootstrap page. I’m using component from bokeh.embed to generate the div, and in the simplest form, the div gets inserted in the template :

<div class="row">
    <div class="col-lg-6">
        {{ div1 | safe }}
    </div>
</div>



Hovertool in this way looses all styling and prints in the top left corner of the col-lg-6 div.



Thoughts or suggestions to get around this?
2

Did you include the
bokehjs and bokehcss on the page you’re
embedding into?

···

On 4/28/16 2:26 PM, Francois Dion
wrote:

    I have some bootstrap page. I'm using component

from bokeh.embed to generate the div, and in the simplest form,
the div gets inserted in the template :

<div class="row">
    <div class="col-lg-6">
            {{ div1 | safe }}
</div>
</div>




Hovertool in this way looses all styling and prints in the top left corner of the col-lg-6 div.



Thoughts or suggestions to get around this?

–

  You received this message because you are subscribed to the Google

Groups “Bokeh Discussion - Public” group.

  To unsubscribe from this group and stop receiving emails from it,

send an email to [email protected].

  To post to this group, send email to [email protected].

  To view this discussion on the web visit [](https://groups.google.com/a/continuum.io/d/msgid/bokeh/deb071b7-b6ca-44f6-af81-e4c7b9fe8b7c%40continuum.io?utm_medium=email&utm_source=footer)      .

For more options, visit .

–
Sarah Bird
Developer, Bokeh

    [
      ![Continuum Analytics](http://docs.continuum.io/_static/img/ContinuumWordmark.png)
    ](http://continuum.io)

https://groups.google.com/a/continuum.io/d/msgid/bokeh/deb071b7-b6ca-44f6-af81-e4c7b9fe8b7c%40continuum.io
https://groups.google.com/a/continuum.io/d/optout

3

D’OH! Yep, missing bokeh.min.css. Copy / paste from Jupyter notebook bit me on this.

Thanks for the ultra prompt response.

Francois

···

On Thursday, April 28, 2016 at 5:29:11 PM UTC-4, Sarah Bird wrote:

    Did you include the

bokehjs and bokehcss on the page you’re
embedding into?

  On 4/28/16 2:26 PM, Francois Dion > wrote:

    I have some bootstrap page. I'm using component

from bokeh.embed to generate the div, and in the simplest form,
the div gets inserted in the template :

<div class="row">
    <div class="col-lg-6">
            {{ div1 | safe }}
</div>
</div>




Hovertool in this way looses all styling and prints in the top left corner of the col-lg-6 div.



Thoughts or suggestions to get around this?

–

  You received this message because you are subscribed to the Google

Groups “Bokeh Discussion - Public” group.

  To unsubscribe from this group and stop receiving emails from it,

send an email to [email protected].

  To post to this group, send email to [email protected].

  To view this discussion on the web visit [](https://groups.google.com/a/continuum.io/d/msgid/bokeh/deb071b7-b6ca-44f6-af81-e4c7b9fe8b7c%40continuum.io?utm_medium=email&utm_source=footer)[https://groups.google.com/a/continuum.io/d/msgid/bokeh/deb071b7-b6ca-44f6-af81-e4c7b9fe8b7c%40continuum.io](https://groups.google.com/a/continuum.io/d/msgid/bokeh/deb071b7-b6ca-44f6-af81-e4c7b9fe8b7c%40continuum.io).

  For more options, visit [https://groups.google.com/a/continuum.io/d/optout](https://groups.google.com/a/continuum.io/d/optout).

–
Sarah Bird
Developer, Bokeh

    [
      <img alt="Continuum Analytics" src="https://lh6.googleusercontent.com/proxy/VYgVjggTk1hCXSN9wFkffE3I6kxTvJ51tT4KvDXOuKbs1WyFG66k7kt2-vkDimbyxfWtP-d1paJmstMYhPPnDYSUF4rLPoYM2GM2QFM=w5000-h5000" height="30px" width="150px">
    ](http://continuum.io)