I have been using the twitter bootstrap framework for quite a while now and they recently updated to version 3! I’m having trouble getting the sticky footer to stick to the bottom, I have used the starter template supplied by the twitter bootstrap website, but still no luck, any ideas? 26 Answers 26
I have the following element: <div class=”modal” tabindex=”-1″ role=”dialog” aria-labelledby=”myModalLabel” aria-hidden=”true”> <div class=”modal-dialog” style=”overflow-y: scroll; max-height:85%; margin-top: 50px; margin-bottom:50px;” > <div class=”modal-content”> <div class=”modal-header”> <h3 class=”modal-title”></h3> </div> <div class=”modal-body”></div> <div class=”modal-footer”></div> </div> </div> </div> It shows modal dialog something like this, basically, it puts scroll bar around entire modal-dialog and not modal-body that contains the … Read more
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 … Read more
The latest documention has: <p class=”mb-0″>Lorem ipsum</p> Q: What is mb-0? 7 Answers 7
How do I make bigger Glyphicons in twitter bootstrap 3.0 (not 2.3.x). This code will make my glyphicons big: <button type=”button” class=”btn btn-default btn-lg”> <span class=”glyphicon glyphicon-th-list”> </span> </button> How can I get this size without using the btn-lg class while using only a span ? This gives a small glyphicon: <span class=”glyphicon glyphicon-link”></span> 7 … Read more
I’m trying to loop through my Navbar in WordPress so that I can output some Icons at the end of the last link. I have this working but I end up outputting a Navbar and a list. I think this is because I’m using bootstrap and the outputted Navbar from the loop has none of … Read more
Is there any way to increase the point at which the bootstrap 3 navbar collapses (i.e. so that it collapses into a drop down on portrait tablets)? These two were applicable to bootstrap 2 but not now! How to change navbar collapse threshold using Twitter bootstrap-responsive? Change the default responsive navbar breakpoint 12 Answers 12
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 … Read more
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=”https://wordpress.stackexchange.com/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 –> … Read more
OK, so what I need is fairly straightforward. I have set up a navbar with some dropdown menus in it (using class=”dropdown-toggle” data-toggle=”dropdown”), and it works fine. The thing is it works “onClick“, while I would prefer if it worked “onHover“. Is there any built-in way to do this? 22 Answers 22
