Bootstrap element not working properly - by palmerbd

This topic has 4 replies, 2 voices, and was last updated 8 years, 6 months ago ago by Jack Richardson

  • Avatar: palmerbd
    palmerbd
    Participant
    October 6, 2015 at 22:02

    Perhaps I misread this, but does your Royal WP support Bootstrap elements? All I’m trying to do is make a drop down button and I added this code from bootstrap;

    <!-- Split button -->
    <div class="btn-group">
    <button type="button" class="btn btn-danger">Action</button>
    <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    <span class="caret"></span>
    <span class="sr-only">Toggle Dropdown</span>
    </button>
    <ul class="dropdown-menu">
    <ul>
    <li><a href="#">Action</a></li>
    <li><a href="#">Another action</a></li>
    <li><a href="#">Something else here</a></li>
    </ul>
    &lt;li role="separator" class="divider"&gt;
    <ul>
    <li><a href="#">Separated link</a></li>
    </ul>
    &nbsp;
    </div>

    I’m not getting the desired result. Does your theme not support bootstrap? If not can you help with some simple code to get your buttons found here https://www.8theme.com/demo/royal/buttons/ to have some drop down options.

    Thanks in advance…

    3 Answers
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    October 8, 2015 at 11:08

    Hello,

    Please take our apologies for the delay.
    Our theme is based on bootstrap but it doesn’t use all of bootstrap elements and features. As you can see our demo buttons have no dropdown options by default. If you want to create buttons with dropdown you need to make the following customization:
    1. Add the code in the wp-content/themes/royal/framework/theme-functions.php file in line 44:
    wp_enqueue_script('bootstrap', get_template_directory_uri().'/js/bootstrap.min.js');

    2. Upload bootstrap.min.js file from bootstrap archive to the wp-content/themes/royal/js folder.

    Best regards,
    Jack Richardson.

    Avatar: palmerbd
    palmerbd
    Participant
    October 13, 2015 at 18:14

    Ok, I was able to get the js working on the drop down buttons using Bootstrap code. Why is it however that bootstrap style (rounded button for instance) not showing? The button is boxed and very simple. Is there something more that needs to be done to utilize the button styling of bootstrap. Alternatively, if this is not possible can the button your theme has styled by default be turned in to dropdown buttons.

    Thanks,

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    October 14, 2015 at 07:22

    Hello,

    Please provide us with WP dashboard and FTP (FTP host, FTP user, FTP password) credentials in private content.

    Best regards,
    Jack Richardson.

  • Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.