Dropdown Button

  • Resolved dragonsway76

    (@dragonsway76)


    4 years, 4 months ago

    I want to create the dropdown menu displayed in the first “Live Demo” here..

    https://www.tutorialspoint.com/bootstrap/bootstrap_button_dropdowns.htm

    1.) I installed the plugin.
    2.) Via Gutenberg, I created a bootstrap button,
    3.) I choose “edit as html” & past the code:

    <div class=”btn-group”>
    <button type=”button” class=”btn btn-primary dropdown-toggle” data-toggle=”dropdown”>
    Primary
    <span class=”caret”></span>
    </button>

    <ul class=”dropdown-menu” role=”menu”>

    4.) Result is a button with a bullet point list below…

    Is Guternberg not reading the css files?

    How do I solve this problem?

    thx

    • This topic was modified 4 years, 4 months ago by dragonsway76.
    • This topic was modified 4 years, 4 months ago by dragonsway76.
Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Contributor tschortsch

    (@tschortsch)

    Hi @dragonsway76. I’m sorry but dropdown menus are not supported by this plugin. The plugin only adds the following blocks: Button, Row, Container.
    We decided to not implement further components and concentrate on the grid right now because the effort to implement and maintain these would just be too big for us.

    Thread Starter dragonsway76

    (@dragonsway76)

    For anyone who needs it:

    I finally managed to get bootstrap integrated with my wordpress theme

    1.) Install jquery manager plugin,
    2.) created a child theme
    3.) downloaded latest bootstrap and placed files in appropriate child theme directory
    4.) Then used this code to load the css and js files:

    function themebs_enqueue_styles() {

    wp_enqueue_style( ‘bootstrap’, get_stylesheet_directory_uri() . ‘/css/bootstrap.min.css’ );
    wp_enqueue_style( ‘core’, get_stylesheet_directory_uri() . ‘/style.css’ );

    }
    add_action( ‘wp_enqueue_scripts’, ‘themebs_enqueue_styles’);

    function themebs_enqueue_scripts() {
    wp_enqueue_script( ‘bootstrap’, get_stylesheet_directory_uri() . ‘/js/bootstrap.bundle.min.js’, array( ‘jquery’ ) );
    }
    add_action( ‘wp_enqueue_scripts’, ‘themebs_enqueue_scripts’);

    now my button works…

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Dropdown Button’ is closed to new replies.