Skip Navigation

[Resolved] Bootstrap dropdown buttons not working

This support ticket is created 5 years, 7 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

This topic contains 6 replies, has 2 voices.

Last updated by COOP2016 5 years, 6 months ago.

Assigned support staff: Shane.

Author
Posts
#493703

I am trying to simply add code to the visual editor in Toolset Layouts.

In this case, a bootstrap dropdown button using the code from Bootstrap directly.

"<!-- Single button -->
<div class="btn-group">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Action <span class="caret"></span>
</button>
<ul class="dropdown-menu">

  • <a href="#">Action</a>
  • <a href="#">Another action</a>
  • <a href="#">Something else here</a>
  • <li role="separator" class="divider">

  • <a href="#">Separated link</a>
  • </div>"

    This does not work.

    I'm using the WPtwentysixteen theme.

    Any help is appreciated.

    #493743

    Shane
    Supporter

    Languages: English (English )

    Timezone: America/Jamaica (GMT-05:00)

    Hi COOP,

    Thank you for contacting our support forum.

    Since you theme does not include bootstrap as a part of its css you will need to tell Layouts to include bootstrap.

    To do this go to Toolset -> Settings -> General and scroll to "Bootstrap Layouts"

    Then select the bootstrap 3 option.

    Please let me know if this helps.

    Thanks,
    Shane

    #493751
    Picture1.png

    Hi Shane,

    Thanks for your response. I've changed the settings as you instructed.

    It's showing something......but not rendering how it should.

    Please see the image attached.

    #493805

    Shane
    Supporter

    Languages: English (English )

    Timezone: America/Jamaica (GMT-05:00)

    Hello,

    Is there a way for you to link me to this page on the frontend ?

    Thanks,
    Shane

    #494374

    Thanks for your response.

    There no way to link you into the frontend.

    Its a secure internal build running on an internal network.

    Does not connect to the internet.

    Saying that now, has got me thinking.

    Is Toolset linking to bootstrap library externally, as in via an internet url?

    Or has bootstrap been written into the Toolset css?

    #494586

    Shane
    Supporter

    Languages: English (English )

    Timezone: America/Jamaica (GMT-05:00)

    Hi Coop,

    The bootstrap css is loaded is included with the plugin.

    Thanks,
    Shane

    #496198

    Hi Shane,

    I've just stuck some css into my child theme.

    So using that to create what I need. Works ok.

    Thanks for your help.