Bootstrap dropdown buttons not working

This support ticket is created 6 years, 9 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.

No supporters are available to work today on Toolset forum. Feel free to create tickets and we will handle it as soon as we are online. Thank you for your understanding.

Sun	Mon	Tue	Wed	Thu	Fri	Sat
-	9:00 – 12:00	9:00 – 12:00	9:00 – 12:00	9:00 – 12:00	9:00 – 12:00	-
-	13:00 – 18:00	13:00 – 18:00	13:00 – 18:00	14:00 – 18:00	13:00 – 18:00	-

Supporter timezone: America/Jamaica (GMT-05:00)

Tagged: Toolset Theme integration, TwentySixteen integration

This topic contains 6 replies, has 2 voices.

Last updated by COOP2016 6 years, 9 months ago.

Assisted by: Shane.

Author

Posts

February 24, 2017 at 2:45 pm #493703

COOP2016

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.

"
<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>

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

</div>"

This does not work.

I'm using the WPtwentysixteen theme.

Any help is appreciated.

February 24, 2017 at 3:56 pm #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

February 24, 2017 at 4:16 pm #493751

COOP2016

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.

February 24, 2017 at 6:04 pm #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

February 27, 2017 at 9:36 am #494374

COOP2016

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?

February 27, 2017 at 3:00 pm #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

March 2, 2017 at 3:45 pm #496198

COOP2016

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.

This ticket is now closed. If you're a WPML client and need related help, please open a new support ticket.