Furthermore I have made a filter function to use the parents theme hook that controls the 12 colums available based on the sidebar settings.

My function looks like this:

function jh_deregister_sidebar_per_page() {
    //gets the parent theme variable array that stores view areas
    //such as main, right_sidebar, left_sidebar
    global $dm_settings;

    $columns = '12';

    //checks if current page is Kalender, if so set right sidebar to 0
    if (is_page('Kalender') ) {
        $dm_settings['right_sidebar'] = 0;
    }

    if ($dm_settings['right_sidebar'] != 0) {
        $columns = $columns - $dm_settings['right_sidebar_width'];
    }

    if ($dm_settings['left_sidebar'] != 0) {
        $columns = $columns - $dm_settings['left_sidebar_width'];
    }

    return $columns;
}

add_filter( 'devdmbootstrap3_main_content_width_hook', 'jh_deregister_sidebar_per_page' );

Notice the if(is_page(‘Kalender’), which does the magic I need, I want to display the output of your plugin on my Kalender page. I am able to disable my sidebar on my ‘Kalender’ page with my code just fine, except when I activate the calendar plugin and set it up to output its view on that page. Then my main area is changed from col-md-12 to col-md-9 and a useless sidebar that I don’t want on this page re-appears with a col-md-3.

So how can I view the calendar output of your plugin in a main col-md-12 div wrapper without having that annoying sidebar (I can’t globally disable it because I need it on other pages).

The problem can be seen on www.jh-dev.dk/MIL/kalender , the sidebar I don’t want has the H3 ‘Relaterede sider’ in a div class=”col-md-3″ wrapper.

https://www.ads-software.com/plugins/the-events-calendar/

I am trying to convert a bootstrap 3 template. I created a custom post type “workshop” and image size 277×185.
add_image_size('portfolio-item',277,185,true);

Template uses images as html5. How can I use theme inside template

<div data-width="240" data-height="161" data-thumbnail="<?php echo $image_attributes[0]; ?>"></div>
		                <div data-popup="<?php echo $image_attributes[0]; ?>" title="<?php the_title(); ?>"></div>

My theme uses Bootstrap 3 framework, which uses the class “open” to display child items in dropdown menus.

When clicking the .incom-bubble-link element, the open class is removed from the bootstrap menu li.

I suspect that this is linked to how inline-comments displays/hides comments.

Could you please advise on how I can over-ride this behaviour? If the plugin uses the “open” class, where could I amend this within the plugin?

Thanks very much!

David

https://www.ads-software.com/plugins/inline-comments/

I am trying to integrate the wp_nav_menu() and the walker class in the dropdown custom bootstrap 3 menu and I am not sure if I understand the breakdown of how wp_nav_menu works. Here is the original HTMl code of the menu I am trying to integrate into wordpress:

<div class="navbar navbar navbar-static-top" role="navigation">
        <div class="container containerContent">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#"><img src="images/Arcadia-Logo.png"></a>
            </div>

            <div class="navbar-collapse collapse" style="margin-top:16px;">

                <ul class="nav navbar-nav navbar-right">

                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">About Arcadia <i class="fa fa-angle-down nav-arrow"></i></a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Action</a></li>
                            <li><a href="#">Another action</a></li>
                            <li><a href="#">Something else here</a></li>
                        </ul>
                    </li>

                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Technology <i class="fa fa-angle-down nav-arrow"></i></a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Action</a></li>
                            <li><a href="#">Another action</a></li>
                            <li><a href="#">Something else here</a></li>
                        </ul>
                    </li>

                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Services <i class="fa fa-angle-down nav-arrow"></i></a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Action</a></li>
                            <li><a href="#">Another action</a></li>
                            <li><a href="#">Something else here</a></li>
                        </ul>
                    </li>

                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Resources <i class="fa fa-angle-down nav-arrow"></i></a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Action</a></li>
                            <li><a href="#">Another action</a></li>
                            <li><a href="#">Something else here</a></li>
                        </ul>
                    </li>
                    <li><button class="btn btn-primary btn-small hidden-xs" data-toggle="collapse" data-target="#demo"><i class="fa fa-search"></i></button></li>
                </ul>

                <form class="collapse navbar-form navbar-right visible-xs">
                    <div class="form-group">
                        <input type="text" class="form-control" placeholder="Search">
                    </div>
                    <button type="submit" class="btn btn-default">Submit</button>
                </form>

            </div><!-- /.navbar-collapse -->

            <div class="row">
                <form id="demo" class="collapse navbar-form navbar-right">
                    <div class="form-group">
                        <input type="text" class="form-control" placeholder="Search">
                    </div>
                    <button type="submit" class="btn btn-default">Submit</button>
                </form>
            </div>

        </div><!-- /.container-fluid -->
    </div> <!-- end nav section -->

When I add in my header.php in wordpress I understand that I need to start my code somewhat like this:

<div class="navbar navbar navbar-static-top" role="navigation">
		<div class="container containerContent">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
					<span class="sr-only">Toggle navigation</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
				<a class="navbar-brand" href="#"><img src="images/Arcadia-Logo.png"></a>
			</div> <!-- end navbar-header -->

            <div class="navbar-collapse collapse" style="margin-top:16px;">
                <?php wp_nav_menu(array(
                            'menu'           => 'primary',
                            'theme_location' => 'primary',
                            'menu_class'        => 'nav navbar-nav navbar-right',
                            'items_wrap'     => '<ul id="%1$s" class="%2$s nav navbar-nav navbar-right">%3$s</ul>',
                            'link_after'     => ' <i class="fa fa-angle-down nav-arrow"></i>'

                            'walker'         => new wp_bootstrap_navwalker())

                    ); ?>
                     <form class="collapse navbar-form navbar-right visible-xs">
                    <div class="form-group">
                        <input type="text" class="form-control" placeholder="Search">
                    </div>
                    <button type="submit" class="btn btn-default">Submit</button>
                </form>

    </div> <!-- end navbar-collapse collapse -->
     <div class="row">
                <form id="demo" class="collapse navbar-form navbar-right">
                    <div class="form-group">
                        <input type="text" class="form-control" placeholder="Search">
                    </div>
                    <button type="submit" class="btn btn-default">Submit</button>
                </form>
            </div>

    </div> <!-- end container containerContent -->
</div> <!-- end navbar navbar navbar-static-top -->

What I am guessing and is asking if anyone can clarify, is

‘menu_class’ => does that mean the class for the “ul” tag

also how do I breakdown the list items code:

<li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">About Arcadia <i class="fa fa-angle-down nav-arrow"></i></a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Action</a></li>
                            <li><a href="#">Another action</a></li>
                            <li><a href="#">Something else here</a></li>
                        </ul>
                    </li>

in the wp_nav_menu model as well as the special “li” tag below as the last list item?

<li><button class="btn btn-primary btn-small hidden-xs" data-toggle="collapse" data-target="#demo"><i class="fa fa-search"></i></button></li>

If anyone can direct to the right place or can help me understand how I integrate this into wordpress, that would be great. Thanks.

My theme (Celestial Lite) uses Bootstrap v. 2.1.1.! Is this a problem? I can’t use all the features at the moment, doesn’t matter which settings I chose. (eg. Fontawesome icons do not display in the dialog box).
My Website: https://jobshubnct.org.au/help/

What would be the best settings if I want to use all features of Bootstrap 3?

Thanks for you help.

https://www.ads-software.com/plugins/easy-bootstrap-shortcodes/

Here is my header, footer and index.php, and the CSS style.css codes

HEADER

<!DOCTYPE html>
<html>
<head>
	<title>
		Demo Site
	</title>

	<meta name="viewport" content="width=device-width, initial scale=1.0">
	<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>">

</head>

<body>
	<div class="navbar navbar-inverse navbar-static-top">
		<div class="container">
			<a href="#" class="navbar-brand">Geek Site</a>

			<button class = "navbar-toggle" data-toggle = "collapse" data-target = ".navHeaderCollapse">
			<span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
			</button>

			<div class="collapse navbar-collapse navHeaderCollapse
			">
				<ul class="nav navbar-nav navbar-right">

					<li class="active"><a href="#">Home</a></li>
					<li><a href="#">Blog</a></li>
                                        <li class="dropdown">
                                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Social Media <b class="caret"></b></a>
                                                <ul class="dropdown-menu">
                                                        <li><a href="#">Twitter</a></li>
                                                        <li><a href="#">Facebook</a></li>
                                                        <li><a href="#">Tumblr</a></li>
                                                        <li><a href="#">Google+</a></li>
                                                </ul>
                                        </li>
                                        <li><a href="#">About</a></li>
                                        <li><a href="#contact" data-toggle="modal">Contact Us</a></li>
				</ul>
			</div>
		</div>
	</div>

        <div class="container">

FOOTER

<div class="navbar navbar-default navbar-fixed-bottom">
                <div class="container">
                        <p class="navbar-text pull-left">Site built for the blog</p>
                        <a href = "#" class="navbar-btn btn-danger btn pull-right">Subscribe for updates</a>
                </div>
        </div>

        <div class="modal fade" id="contact" role="dialog">
                <div class="modal-dialog">
                        <div class="modal-content">
                                <form class="form-horizontal">
                                        <div class="modal-header">
                                                <h4>Contact Geek Site</h4>
                                        </div>
                                        <div class="modal-body">
                                                <div class="form-group">

                                                        <label for = "contact-name" class="col-lg-2 control-label">Name:</label>
                                                        <div class="col-lg-10">
                                                                <input type="text" class="form-control" id="contact-name" placeholder="Full Name">
                                                        </div>
                                                </div>

                                                <div class="form-group">

                                                        <label for = "contact-email" class="col-lg-2 control-label">Email:</label>
                                                        <div class="col-lg-10">
                                                                <input type="email" class="form-control" id="contact-email" placeholder="[email protected]">
                                                        </div>
                                                </div>

                                                <div class="form-group">

                                                        <label for = "contact-msg" class="col-lg-2 control-label">Message:</label>
                                                        <div class="col-lg-10">
                                                                <textarea class="form-control" rows="8"></textarea>
                                                        </div>
                                                </div>
                                        </div>
                                        <div class="modal-footer">
                                                <a class="btn btn-primary" data-dismiss="modal">
                                                Close</a>
                                                <a class="btn btn-primary" type="submit" data-dismiss="modal">
                                                Send Message</a>
                                        </div>
                                </form>
                        </div>
                </div>
        </div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="<?php get_template_directory(); ?>/js/bootstrap.js"></script>
<?php wp_footer(); ?>

</body>

</html>

INDEX

<?php get_header(); ?>
<?php get_footer(); ?>

STYLE (CSS)

/*
Theme Name: Theme
Theme URI: https://www.weaveandconnect.blogspot.com
Description: My Bootstrap 3 responsive theme
Version: 1
Author: Shadab K
Author URI: https://www.weaveandconnect.blogspot.com;
*/

@import url('css/bootstrap.min.css');

I need to know what is going wrong in my code, I have tried to solve for about 5-6 hours. But still I am not able to get the functionality of the buttons back.

Please assist.

Great plugin! I am using it successfully, but with a couple issues and I cannot find out if it is due to the theme I’m using or what.

I am using the Woothemes Canvas theme

This issue is that the link=file option in shortcode is not working. Here is my shortcode:

I am using the Twitter Bootsrap CSS plugin to provide all bootstrap files. Could this be part of the issue?

Check out the site at https://logicode/gallery

I noticed in the class.php file in the plugin directory there is no href around the generated carousel images. how do you create the link to file then?:

/**
	 * Get HTML-formatted image for a carousel item.
	 *
	 * @param  array $post A WordPress $post object.
	 * @return string      HTML result.
	 */
	private function get_img( $post ) {
		extract( $this->attributes );
		$output = '';
		$image = wp_get_attachment_image_src( $post['ID'] , $size );
		$output .= '<img alt="' . $post['post_title'] . '" src="' . $image[0] . '" />';
		$output = apply_filters( 'agnosia_bootstrap_carousel_img', $output, $image[0], $this->attributes, $post );
		return $output;
	}

Thanks a million!

https://www.ads-software.com/plugins/agnosia-bootstrap-carousel/

https://www.ads-software.com/plugins/the-events-calendar/