For me it was because I hadn&#39;t set an `active` class on any of the slides.

For me, I changed `class=&#39;carousel-item&#39;` to `class=&#39;item&#39;` like this

    &lt;div class=&quot;item&quot;&gt;
        &lt;img class=&quot;img-responsive&quot; src=&quot;...&quot; alt=&quot;...&quot;&gt;
    &lt;/div&gt;

Remove the class &#39;Carousal slide&#39; on page load &amp; add it dynamically when image gets loaded using jquery.This fixed for me

I got same error. Because i used v4 alpha class names like `carousel-control-next` When i changed with v3, problem solved. 

I have got the same error, but in my case I wrote class names for carousel item as  .carousel-item the bootstrap.css is referring .item.
SO ERROR solved.
carosel-item is renamed to item
```
&lt;div class=&quot;carousel-item active&quot;&gt;&lt;/div&gt;
```
RENAMED To the following:
```
&lt;div class=&quot;item active&quot;&gt;&lt;/div&gt;
```

&quot;Change to if (typeof $next == &#39;object&#39; &amp;&amp; $next.length) $next[0].offsetWidth&quot; -did not help. 
if you convert Bootstrap 3 to php(for WordPress theme), when adding WP_Query ($loop = new WP_Query( $args );) insert $count = 0;. And and at the end before endwhile; add $count++;.

if you&#39;re using the compiled bootstrap, one of the ways of fixing it is by editing the bootstrap.min.js before the line 

    $next[0].offsetWidth 

force reflow Change to 

    if (typeof $next == &#39;object&#39; &amp;&amp; $next.length) $next[0].offsetWidth // force reflow

Is there a way to make nested lists in twitter bootstrap look like a normal list, with the nested items simply indented (and have it work for an arbitrarily deep nesting)? By default, nested lists look like [this][1]:

![Nested lists with bootstrap][2]

    &lt;ul class=&quot;list-group&quot;&gt;
        &lt;li class=&quot;list-group-item&quot;&gt;One&lt;/li&gt;
        &lt;li class=&quot;list-group-item&quot;&gt;Two
            &lt;ul class=&quot;list-group&quot;&gt;
                &lt;li class=&quot;list-group-item&quot;&gt;Item 2a&lt;/li&gt;
                &lt;li class=&quot;list-group-item&quot;&gt;Item 2b&lt;/li&gt;
            &lt;/ul&gt;
        &lt;/li&gt;
        &lt;li class=&quot;list-group-item&quot;&gt;Three
            &lt;ul class=&quot;list-group&quot;&gt;
                &lt;li class=&quot;list-group-item&quot;&gt;Item 3a&lt;/li&gt;
                &lt;li class=&quot;list-group-item&quot;&gt;Item 3b&lt;/li&gt;
            &lt;/ul&gt;
        &lt;/li&gt;
    &lt;/ul&gt;

How can I make these nested lists appear like this (or in some similar way): 

![What nested lists should look like][3]

In case you missed the link above, here is the JSFiddle: https://jsfiddle.net/7o8rp0kv/1/


  [1]: https://jsfiddle.net/7o8rp0kv/1/
  [2]: http://i.stack.imgur.com/RkgsL.png
  [3]: http://i.stack.imgur.com/4ZNKL.png

Consistent Styling for Nested Lists with Bootstrap

How to turn off word wrap in iTerm2? Is there a specific command to do so or in the preferences? I am trying to avoid having the text run down to the next line. I would rather scroll side to side.

How to turn off word wrap in iTerm2?

I created a `carousel` with `Bootstrap 3.3` and it works on my local machine, but when I upload the whole thing on server where the bootstrap js file is being compiled together with other files in a single file, I get this error:

`Cannot read property &#39;offsetWidth&#39; of undefined` - has anybody faced this and are there any known solutions to this issue?

Getting Cannot read property &#39;offsetWidth&#39; of undefined with bootstrap carousel script

<p>I created a <code>carousel</code> with <code>Bootstrap 3.3</code> and it works on my local machine, but when I upload the whole thing on server where the bootstrap js file is being compiled together with other files in a single file, I get this error:</p>
<p><code>Cannot read property 'offsetWidth' of undefined</code> - has anybody faced this and are there any known solutions to this issue?</p>


I&#39;m feeling a bit confused, could someone help to describe What is the difference between JavaScript Engine and JavaScript Runtime Environment. 
BTW, Event Loop was implemented in Engine or Runtime?

What is the difference between JavaScript Engine and JavaScript Runtime Environment

I know you can set variables with one line if/else statements by doing `var variable = (condition) ? (true block) : (else block)`, but I was wondering if there was a way to put an else if statement in there. Any suggestions would be appreciated, thanks everyone!

Javascript one line If...else...else if statement

How can I find out the browser&#39;s Javascript engine version and support to ECMAScript 6?

I&#39;m using `navigator.appVersion` just to know the browser&#39;s version, but not the engine&#39;s version.


Javascript ES6 cross-browser detection

I am copying `objA` to `objB`

    const objA = { prop: 1 }, 
    const objB = objA; 
    objB.prop = 2;
    console.log(objA.prop); // logs 2 instead of 1


same problem for Arrays

    const arrA = [1, 2, 3], 
    const arrB = arrA; 
    arrB.push(4); 
    console.log(arrA.length); // `arrA` has 4 elements instead of 3.

Modifying a copy of a JavaScript object is causing the original object to change

Does HTML code generation run measurably faster in modern browsers when using string concatenation or template literals in ES6?

For example:

**String concatenation**

    &quot;&lt;body&gt;&quot;+
      &quot;&lt;article&gt;&quot;+
      	&quot;&lt;time datetime=&#39;&quot; + date.toISOString() +&quot;&#39;&gt;&quot;+ date +&quot;&lt;/time&gt;&quot;+
      &quot;&lt;/article&gt;&quot;+
    &quot;&lt;/body&gt;&quot;

**Template literal**

    `&lt;body&gt;
      &lt;article&gt;
      	&lt;time datetime=&#39;${ date.toISOString() }&#39;&gt;${ date }&lt;/time&gt;
      &lt;/article&gt;
    &lt;/body&gt;`


Are ES6 template literals faster than string concatenation?

I want to expose the jQuery object to the global window object that is accessible inside the developer console in the browser. Now in my webpack config I have following lines:

    plugins: [
                    new webpack.ProvidePlugin({
                        $: &#39;jquery&#39;,
                        jQuery: &#39;jquery&#39;
                    })
                ]
These lines add the jQuery definitions to each file in my webpack modules. 
But when I build the project and try to access jQuery in the developer console like this:

    window.$;
    window.jQuery;

it says that these properties are undefined...

Is there a way to fix this?

Expose jQuery to real Window object with Webpack

I have an `input text` in jQuery I want to know if it possible to get the value of that `input text`(`type=number` and `type=text`) before the `onchange` happens and also get the value of the same input input text after the onchange happens. This is using jQuery.

**What I tried:**

I tried saving the value on variable then call that value inside onchange but I am getting a blank value.

Input jQuery get old value before onchange and get value after on change

I&#39;m trying to convert a jQuery component to React.js and one of the things I&#39;m having difficulty with is rendering n number of elements based on a for loop.  

I understand this is not possible, or recommended and that where an array exists in the model it makes complete sense to use `map`.  That&#39;s fine, but what about when you do not have an array?  Instead you have numeric value which equates to a given number of elements to render, then what should you do?

Here&#39;s my example, I want to prefix a element with an arbitrary number of span tags based on it&#39;s hierarchical level.  So at level 3, I want 3 span tags before the text element.  

In javascript:

    for (var i = 0; i &lt; level; i++) {
	    $el.append(&#39;&lt;span class=&quot;indent&quot;&gt;&lt;/span&gt;&#39;);
	}
    $el.append(&#39;Some text value&#39;);

I can&#39;t seem to get this, or anything similar to work in a JSX React.js component.  Instead I had to do the following, first building a temp array to the correct length and then looping the array.

React.js

    render: function() {
      var tmp = [];
      for (var i = 0; i &lt; this.props.level; i++) {
        tmp.push(i);
      }
      var indents = tmp.map(function (i) {
        return (
          &lt;span className=&#39;indent&#39;&gt;&lt;/span&gt;
        );
      });

      return (
        ...
        {indents}
        &quot;Some text value&quot;
        ...
      );
    }

Surely this can&#39;t be the best, or only way to achieve this?   What am I missing?

How to loop and render elements in React.js without an array of objects to map?

I have all necessary files in my code and I am still getting this error:

&gt; Bootstrap&#39;s JavaScript requires jQuery version 1.9.1 or higher

This is my code:

    &lt;script src=&quot;http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&#39;//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js&#39;&gt;&lt;/script&gt;
    &lt;script src=&quot;js/jquery.responsiveiframe.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;js/ios-orientationchange-fix.js&quot;&gt;&lt;/script&gt;

Anyone got this error before? I could try and download a local copy instead of using the CDN link but it&#39;s really unnecessary, plus i want to know why this isn&#39;t working!

EDIT: I&#39;ve tried many different libraries, the one I posted is the last one I&#39;ve tried

![enter image description here][1]

  [1]: http://i.stack.imgur.com/V7XQS.png

Bootstrap&#39;s JavaScript requires jQuery version 1.9.1 or higher

    expect(view.$el.html()).toContain(&#39;Admin&#39;);

The view does contain the word &#39;Admin&#39; so I was expecting it to return true. How can I achieve this?

    expect(view.$el.html()).toContain(&#39;Admin&#39;);
 
This returns `undefined`. How can I make it return `true`?
      
     


&lt;!-- language: lang-html --&gt;

    &lt;header class=&quot;main&quot;&gt;
      &lt;div id=&quot;heading&quot;&gt;
        &lt;ul class=&quot;header-view right&quot;&gt;
          &lt;li class=&quot;inline&quot;&gt;&lt;a href=&quot;#link&quot; class=&quot;button help-btn tab-btn&quot;&gt;&lt;span&gt;  &lt;/span&gt;Help&lt;/a&gt;&lt;/li&gt;
          &lt;li class=&quot;inline last&quot;&gt;&lt;a href=&quot;#og&quot; class=&quot;button admin-btn tab-btn expand-admin&quot;&gt;&lt;span&gt;&lt;/span&gt;Admin&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/div&gt;
    &lt;/header&gt;


This is what is returned from `view.$el.html` 

Please help.

Jasmine tests check if html contains text and return boolean

I&#39;m working on a project with this [template][1].

The template is written using AngularJs and Bootstrap-UI (bootstrap for angular) and I would like to include some Material Design elements like cards and others.

Is it possible to do that? is it recommended? 
My thing is we already love this template and way to many elements of it, but Material Design have cards, dropdown, text inputs with the label animation etc for example which are amazing.

So my question is: 

AngularJS + Bootstrap for Angular + Material Design for Angular = Awesomeness or Disaster?


  [1]: http://themeforest.net/item/angulr-bootstrap-admin-web-app-with-angularjs/8437259

Using Bootstrap for Angular and Material design for Angular together

The first example didn&#39;t work. I need to have always a list to disable links? Or what is wrong with my first demo?

    &lt;a class=&quot;disabled&quot; href=&quot;#&quot;&gt;Disabled link&lt;/a&gt;
    
--------------
    &lt;ul class=&quot;nav nav-pills&quot;&gt;
      ...
      &lt;li role=&quot;presentation&quot; class=&quot;disabled&quot;&gt;&lt;a href=&quot;#&quot;&gt;Disabled link&lt;/a&gt;&lt;/li&gt;
      ...
    &lt;/ul&gt;

https://jsfiddle.net/7y0u2amy/

Disable a link in Bootstrap

I want to adjust the columns in Twitter Boοtstrap. 

I know in bootstrap there are 12 columns grid. Is there any way to manipulate the grids to have 1.5 3.5 3.5 3.5 instead of 3 3 3 3?

Content Type	Original Author	Original Content on Stackoverflow
Question	Xeen	View Question on Stackoverflow
Solution 1 - Javascript	Jack James	View Answer on Stackoverflow
Solution 2 - Javascript	sunny	View Answer on Stackoverflow
Solution 3 - Javascript	Anup Shetty	View Answer on Stackoverflow
Solution 4 - Javascript	dgncn	View Answer on Stackoverflow
Solution 5 - Javascript	Hina Azhar	View Answer on Stackoverflow
Solution 6 - Javascript	Serhii Havryliuk	View Answer on Stackoverflow
Solution 7 - Javascript	Buchi	View Answer on Stackoverflow

Getting Cannot read property 'offsetWidth' of undefined with bootstrap carousel script

Javascript Problem Overview

Javascript Solutions

Solution 1 - Javascript

Solution 2 - Javascript

Solution 3 - Javascript

Solution 4 - Javascript

Solution 5 - Javascript

Solution 6 - Javascript

Solution 7 - Javascript

How to turn off word wrap in iTerm2?

Consistent Styling for Nested Lists with Bootstrap

Attributions