&gt;Heads up! All javascript plugins require the latest version of jQuery.

[Right here in the docs](http://twitter.github.com/bootstrap/javascript.html)

[Here is the current release link for jQuery](http://docs.jquery.com/Downloading_jQuery#Current_Release)

There are a number of elements to the Bootstrap &quot;product&quot; - one of them are JavaScript Plugins - only these require jQuery - and they extend the jQuery functionality so yes all jQuery methods / functions are available. The remainder (CSS, Scaffolding, Components etc) require HTML and CSS (or a combination)

jQuery is not included within the Twitter Bootstrap download - you must download it / link to a CDN version of it

**EDIT:**

    2.X requires atleast 1.7

&gt; Does Twitter Bootstrap use jQuery? 

Yes, jQuery plugins require jQuery.  And as Mike pointed out, it is clearly mentioned on the site.

&gt; If so, what version (number) of jQuery is used

Also as Mike mentioned, latest version


&gt; are all jQuery functions available?

jQuery functions are available through jQuery, they have nothing to do with Bootstrap.  If you include the jQuery library, you can use any jQuery functionality you want.

The Bootstrap jQuery plugins are just like any other jQuery plugins in that they require jQuery to work. You download jQuery and include it in your page, and then include the Boostrap plugins.

It doesn&#39;t use a specific version of jQuery, just get the latest version from the [jQuery site][1].

All jQuery functions are available in jQuery (how else?), Bootstrap has nothing to do with it... it just gives you some extra plugins.


  [1]: http://jquery.com/

I am trying to change a hashed URL (document.location.hash) with the replace method, but it doesn&#39;t work.

    $(function(){
     var anchor = document.location.hash;
     //this returns me a string value like &#39;#categories&#39;

      $(&#39;span&#39;).click(function(){

         $(window).attr(&#39;url&#39;).replace(anchor,&#39;#food&#39;);
         //try to change current url.hash &#39;#categories&#39;
         //with another string, I stucked here.
      });

    });

I dont want to change/refresh page, I just want to replace URL without any responses.

Note: I don&#39;t want to solve this with a href=&quot;#food&quot; solution.

How can I replace a window&#39;s URL hash with another response?

Whenever I enter vim, there are 99% chance that I will go in insert mode and edit the file. Can I make vim always start in insert mode?

How do I start vim in insert mode?

Does [Twitter Bootstrap](http://getbootstrap.com) v3 include [jQuery](http://jquery.com/) or do I need to include jQuery separately? If it does include jQuery, what version (number) of jQuery is included, and are all jQuery functions available when using Bootstrap?

Does Twitter Bootstrap include jQuery?

<p>Does <a href="http://getbootstrap.com" target="_blank" rel="noopener noreferrer">Twitter Bootstrap</a> v3 include <a href="http://jquery.com/" target="_blank" rel="noopener noreferrer">jQuery</a> or do I need to include jQuery separately? If it does include jQuery, what version (number) of jQuery is included, and are all jQuery functions available when using Bootstrap?</p>


I&#39;m making a small web app in which a user enters a server URL from which it pulls a load of data with an AJAX request.

Since the user has to enter the URL manually, people generally forget the trailing slash, even though it&#39;s required (as some data is appended to the url entered). I need a way to check if the slash is present, and if not, add it.

This seems like a problem that jQuery would have a one-liner for, does anyone know how to do this or should I write a JS function for it?

javascript/jquery add trailing slash to url (if not present)

The problem is pretty straight forward although I&#39;m having a hard time figuring out just how to solve it.

I&#39;m using a jQuery-ui datepicker along with a custom made &quot;ios style on/off toggle&quot;. This toggle uses some absolutely positioned elements which are currently showing up on top of my date picker.

see the ugly circle covering july 6th below...

![enter image description here][1]

the dirty way to do this (at least imo) is to write a style in one of my stylesheets, but I&#39;d much rather use some javascript when the picker launches to get this done.

I&#39;ve already tried 
    
    $(&#39;.date_field&#39;).datepicker(); 
    $(&#39;.date_field&#39;).datepicker(&quot;widget&quot;).css({&quot;z-index&quot;:100});

and 

    $(&#39;.date_field&#39;).datepicker({
        beforeShow: function(input, inst) { 
            inst.dpDiv.css({&quot;z-index&quot;:100});
        }
    });
 
but it seems the z-index get overwritten each time the datepicker is launched.

any help is appreciated! 


  [1]: http://i.stack.imgur.com/YPf0g.png

jquery-ui datepicker change z-index

Using twitter bootstrap, and I need to initiate active class to the li portion of the main nav. Automagically.
We use php not ruby.

Sample nav :

    &lt;ul class=&quot;nav&quot;&gt;
	    &lt;li&gt;&lt;a href=&quot;/&quot;&gt;Home&lt;/a&gt;&lt;/li&gt;
	    &lt;li&gt;&lt;a href=&quot;/forums&quot;&gt;Forums&lt;/a&gt;&lt;/li&gt;
	    &lt;li&gt;&lt;a href=&quot;/blog&quot;&gt;Blog&lt;/a&gt;&lt;/li&gt;
	    &lt;li&gt;&lt;a href=&quot;/faqs.php&quot;&gt;FAQ&#39;s&lt;/a&gt;&lt;/li&gt;
	    &lt;li&gt;&lt;a href=&quot;/item.php&quot;&gt;Item&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href=&quot;/create.php&quot;&gt;Create&lt;/a&gt;&lt;/li&gt;
	&lt;/ul&gt;

Bootstrap code is as follows:

    &lt;li class=&quot;active&quot;&gt;&lt;a href=&quot;/&quot;&gt;Home&lt;/a&gt;&lt;/li&gt;

So just need to figure out how to append the class active to the current page. Have looked thru nearly every answer on Stack, with no real joy.

I had played with this:

    /*menu handler*/
    $(function(){
        var url = window.location.pathname;  
        var activePage = url.substring(url.lastIndexOf(&#39;/&#39;)+1);
        $(&#39;.nav li a&#39;).each(function(){  
            var currentPage = this.href.substring(this.href.lastIndexOf(&#39;/&#39;)+1);

            if (activePage == currentPage) {
                $(this).parent().addClass(&#39;active&#39;); 
            } 
        });
    })

But no joy.



Twitter Bootstrap add active class to li

I have a simple form with remote=true. 

This form is actually on an HTML Dialog, which gets closed as soon as the Submit button is clicked.

Now I need to make some changes on the main HTML page after the form gets submitted successfully. 

I tried this using jQuery. But this doesn&#39;t ensure that the tasks get performed after some form of response of the form submission.

    $(&quot;#myform&quot;).submit(function(event) {
        
    // do the task here ..
    
    });

How do I attach a callback, so that my code gets executed only after the form is successfully submitted? Is there any way to add some .success or .complete callback to the form?






How to do a Jquery Callback after form submit?

I know what the jQuery Validation plugin is.  I know the jQuery Unobtrusive Validation library was made by Microsoft and is included in the ASP.NET MVC framework.  But I cannot find a single online source that explains what it is.  What is the difference between the standard jQuery Validation library and the &quot;unobtrusive&quot; version?

What  is jQuery Unobtrusive Validation?

I have some webpages that do not have much content and the footer sits in the middle of the page, but I want it to be at the bottom. 

I have put all my pages in a &quot;holder&quot;
 
    #holder {
      min-height: 100%;
      position:relative;
    }

And then used the following CSS for my footer

     
    ul.footer {
      margin-top: 10px;
      text-align: center;
    }

    ul.footer li {
      color: #333;
      display: inline-block;
    }

    #footer {
      bottom: -50px;
      height: 50px;
      left: 0;
      position: absolute;
      right: 0;
    }

The html for my footer

    &lt;div class=&quot;container&quot;&gt;
      &lt;div class=&quot;row&quot;&gt;
        &lt;div class=&quot;span12&quot;&gt;
          &lt;div id=&quot;footer&quot;&gt;
            &lt;ul class=&quot;footer&quot;&gt;
              &lt;li&gt;Website built by &lt;a href=&quot;#&quot;&gt;Fishplate&lt;/a&gt;&lt;/li&gt;&amp;nbsp;&amp;nbsp;
              &lt;li&gt;Email:exampleemail@gmail.com&lt;/li&gt;
            &lt;/ul&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
 
I would like to keep the footer fluid.


Make footer stick to bottom of page using Twitter Bootstrap

I have got a `a` element for invoking modal:


    &lt;a class=&quot;btn&quot; data-toggle=&quot;modal&quot; data-target=&quot;#myModal&quot; href=&quot;http://some-url&quot; &gt;Launch Modal&lt;/a&gt;

And, say this is my modal:

    &lt;div class=&quot;modal hide&quot; id=&quot;myModal&quot;&gt;
      &lt;div class=&quot;modal-header&quot;&gt;
        &lt;button type=&quot;button&quot; class=&quot;close&quot; data-dismiss=&quot;modal&quot;&gt;&#215;&lt;/button&gt;
        &lt;h3&gt;Modal header&lt;/h3&gt;
      &lt;/div&gt;
      &lt;div class=&quot;modal-body&quot;&gt;
        &lt;p&gt;One fine body…&lt;/p&gt;
      &lt;/div&gt;
      &lt;div class=&quot;modal-footer&quot;&gt;
        &lt;a href=&quot;#&quot; class=&quot;btn&quot; data-dismiss=&quot;modal&quot;&gt;Close&lt;/a&gt;
        &lt;a href=&quot;#&quot; class=&quot;btn btn-primary&quot;&gt;Save changes&lt;/a&gt;
      &lt;/div&gt;
    &lt;/div&gt;

I can bind functions to events fired by modal:

    $(&#39;#myModal&#39;).on(&#39;hidden&#39;, function () {
      // do something…
    })

My question is: How can i access the `a` element -which invoked the modal- from my event subscriber function?

How to get Twitter Bootstrap Modal&#39;s invoker element?

Here is my code:

    &lt;div class=&quot;container&quot;&gt;
    &lt;div&gt;
    &lt;h1&gt;Welcome TeamName1&lt;/h1&gt;
      asdf
      &lt;hr&gt;
      asdf
    
    &lt;/div&gt;
    &lt;/div&gt; &lt;!-- /container --&gt;

The hr tag does not seem to work as I would expect it. Instead of drawing a line, it creates a gap, like so:

&gt; ![enter image description here][1]

  [1]: http://i.stack.imgur.com/ZDDqx.png

&lt;hr&gt; tag in Twitter Bootstrap not functioning correctly?

Just starting to play around with bootstrap and it&#39;s amazing. 

I&#39;m trying to figure this out. I have a textarea for feedback inside a modal window. It works great. But I want the focus to go on the textarea when you click on the button to activate the modal. And I can&#39;t seem to get it working. 

Here is a fiddle: http://jsfiddle.net/denislexic/5JN9A/4/

Here is the code:


    &lt;a class=&quot;btn testBtn&quot; data-toggle=&quot;modal&quot; href=&quot;#myModal&quot; &gt;Launch Modal&lt;/a&gt;
    
    &lt;div class=&quot;modal hide&quot; id=&quot;myModal&quot;&gt;
      &lt;div class=&quot;modal-header&quot;&gt;
        &lt;button type=&quot;button&quot; class=&quot;close&quot; data-dismiss=&quot;modal&quot;&gt;&#215;&lt;/button&gt;
        &lt;h3&gt;Modal header&lt;/h3&gt;
      &lt;/div&gt;
      &lt;div class=&quot;modal-body&quot;&gt;
          &lt;textarea id=&quot;textareaID&quot;&gt;&lt;/textarea&gt;
      &lt;/div&gt;
      &lt;div class=&quot;modal-footer&quot;&gt;
        &lt;a href=&quot;#&quot; class=&quot;btn&quot; data-dismiss=&quot;modal&quot;&gt;Close&lt;/a&gt;
        &lt;a href=&quot;#&quot; class=&quot;btn btn-primary&quot;&gt;Save changes&lt;/a&gt;
      &lt;/div&gt;
    &lt;/div&gt;​


Here is the JS

    $(&#39;.testBtn&#39;).on(&#39;click&#39;,function(){
        $(&#39;#textareaID&#39;).focus();
    });​

**To resume**
When I click on &quot;Launch modal&quot; I want the modal to show up and the focus to go on the textarea.

Thanks for any help.




Content Type	Original Author	Original Content on Stackoverflow
Question	Matt K	View Question on Stackoverflow
Solution 1 - Jquery	Manse	View Answer on Stackoverflow
Solution 2 - Jquery	Terry	View Answer on Stackoverflow
Solution 3 - Jquery	sachleen	View Answer on Stackoverflow

Does Twitter Bootstrap include jQuery?

Jquery Problem Overview

Jquery Solutions

Solution 1 - Jquery

Solution 2 - Jquery

Solution 3 - Jquery

How do I start vim in insert mode?

How can I replace a window's URL hash with another response?

Attributions