Articles of twitter bootstrap

How do I get row padding in a post feed?

I have a custom post loop going into a template I made – the row has to be outside of the loop, or the posts don’t line up vertically. However, I need some spacing between the posts – image below to illustrate: I have tried setting the row padding/margin in css but obvs it only […]

wp_list_pages(); Change output of hyperlink

I am creating a menu for a documentation site very much like this: http://getbootstrap.com/components/ I am using a hierarchical custom post type (manual). I am currently using wp_list_pages() to output the list. This gives me the nested structure that I am looking for: <ul> <li>Parent Post</li> <ul> <li>Child Post</li> <li>Child Post</li> </ul> <li>Parent Post</li> <ul> […]

How do I enqueue a js file in functions.php for a if lt IE 9 statement?

This question already has an answer here: Register and enqueue conditional (browser-specific) javascript files? 1 answer

Excess White Space Above Admin Bar on Frontend Using Twitter Bootstrap

The problem (Excess White Space Above Admin Bar on Frontend Using Twitter Bootstrap): While logged in and viewing the frontend — If you shrink your browser down, there is an excess amount of white space which appears ABOVE the admin bar. I’ve noticed it’s fine in full screen, and even ~tablet size. However, when about […]

Using/compiling Foundation SASS on live WordPress server

so far I’ve used extensively LESS and BootStrap for many of my sites. However, I decided to start using Zurb Foundation as it seem more powerful, especially with the latest release (5). With LESS, what I have always done was installing WP-Less, a plugin that uses phpLess library to compile .less stylesheets by looking at […]

How to properly add Bootstrap and JQuery Javascripts?

I am developing my WordPress theme using Material Bootstrap Design (MDB), a Material variant that uses Bootstrap 4 plus its own code. It calls for using the following scripts… <!– JQuery –> <script type=”text/javascript” src=”/wp-content/themes/blankslate/mdb/js/jquery-2.2.3.min.js”></script> <!– Bootstrap tooltips –> <script type=”text/javascript” src=”/wp-content/themes/blankslate/mdb/js/tether.min.js”></script> <!– Bootstrap core JavaScript –> <script type=”text/javascript” src=”/wp-content/themes/blankslate/mdb/js/bootstrap.min.js”></script> <!– MDB core JavaScript –> […]

Bootstrap js refuses to load

I’ve used a small javascript file to create an off canvas push navbar. I loaded the file as described in the Wordpres Codex: function sidebar () { wp_enqueue_script(‘theme-js’, get_stylesheet_directory_uri() . ‘/js/nav-sidebar.js’,array( ‘jquery’ ),$version,true ); } add_action(‘wp_enqueue_scripts’, ‘sidebar’); However, it seems that the only js that is loaded is the nav-sidebar and the bootstrap.js refuses to […]

Twitter Bootstrap Use Collapse in Custom Post Type

I am using Bootstrap with WordPress and I want to implement the collapse functionality in the content for single pages of a specific custom post type. I know I could create a shortcode, however, with hundereds of posts shortcodes are not going to be ideal. Is it possible to include collapse in the_content of the […]

Make compatible custom menu widget for Twitter Bootstrap

If I configure wp_nav_menu function, I can put the “items_wrap” option to achieve a nice navigation given by Twitter Bootstrap, thus: <ul class=”nav nav-pills”>%3$s</ul>. But, how to configure the custom menu widget to do the same? I mean, for achieve <ul class=”nav nav-tabs nav-stacked”>%3$s</ul> in all custom menu widgets, by default. Thanks for help! Have […]

customizing the_password_form filter

I’m trying to customize the_password_form to integrate it with bootstrap inline-forms with an add_filter() function: function custom_passowrd_form ( $form ) { global $post; $label = ‘pwbox-‘.( empty( $post->ID ) ? rand() : $post->ID ); $form = ‘<p>’ . __( “To view this protected post, enter the password below:” ) . ‘</p>’ . ‘<form class=”form-inline” action=”‘ […]