`data-target` is used by bootstrap to make your life easier. You (mostly) do not need to write a single line of Javascript to use their pre-made [JavaScript components](http://getbootstrap.com/javascript).

The `data-target` attribute should contain a CSS selector that points to the HTML Element that will be changed.

[Modal Example Code from BS3](http://getbootstrap.com/javascript/#modals-examples):

&lt;!-- language: lang-html --&gt;


    &lt;!-- Button trigger modal --&gt;
    &lt;button class=&quot;btn btn-primary btn-lg&quot; data-toggle=&quot;modal&quot; data-target=&quot;#myModal&quot;&gt;
      Launch demo modal
    &lt;/button&gt;
    
    &lt;!-- Modal --&gt;
    &lt;div class=&quot;modal fade&quot; id=&quot;myModal&quot; tabindex=&quot;-1&quot; role=&quot;dialog&quot; aria-labelledby=&quot;myModalLabel&quot; aria-hidden=&quot;true&quot;&gt;
      [...]
    &lt;/div&gt;

In this example, the button has `data-target=&quot;#myModal&quot;`, if you click on it, `&lt;div id=&quot;myModal&quot;&gt;...&lt;/div&gt;` will be modified (in this case faded in).
This happens because `#myModal` in CSS selectors points to elements that have an `id` attribute with the `myModal` value.

Further information about the HTML5 &quot;data-&quot; attribute: https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_data_attributes

The toggle tells Bootstrap what to do and the target tells Bootstrap which element is going to open. So whenever a link like that is clicked, a modal with an id of “basicModal” will appear.

I have set `sdk.dir` and `ndk.dir` in *local.properties*.

How do I read the values of `sdk.dir` and `ndk.dir` in the *build.gradle* file?



How do I read properties defined in local.properties in build.gradle

I&#39;m getting this error:

&gt; ORA-01950: no privileges on tablespace &#39;USERS&#39;

I have a default tablespace and I&#39;m able to create tables, however, they do not show at the objects tab in Toad.
I cannot insert anything into tables I create.

ORA-01950: no privileges on tablespace &#39;USERS&#39;

Can you tell me what is the system or behavior behind the `data-target` attribute used by Bootstrap 3?

I know that data-toggle used to aim API JavaScript of Bootstrap of graphical functionality.

What is the `data-target` attribute in Bootstrap 3?

<p>Can you tell me what is the system or behavior behind the <code>data-target</code> attribute used by Bootstrap 3?</p>
<p>I know that data-toggle used to aim API JavaScript of Bootstrap of graphical functionality.</p>


I was wondering if anyone could explain how I can get 7 equal columns in bootstrap? I am trying to make a calendar. This code seems to do 5:

    div class=&quot;row&quot;&gt;
        &lt;div class=&quot;col-md-2 col-md-offset-1&quot;&gt;&lt;/div&gt;
        &lt;div class=&quot;col-md-2&quot;&gt;&lt;/div&gt;
        &lt;div class=&quot;col-md-2&quot;&gt;&lt;/div&gt;
        &lt;div class=&quot;col-md-2&quot;&gt;&lt;/div&gt;
        &lt;div class=&quot;col-md-2&quot;&gt;&lt;/div&gt;
    &lt;/div&gt;

My main content has the following class, so I would like the 7 columns to sit within this: 

&gt; col-lg-12

Can anyone explain if this is possible, or if I have to stick to even numbers instead?

7 equal columns in bootstrap

I am showing a Bootstrap modal window for loading when performing AJAX calls. I broadcast a &quot;progress.init&quot; event when the loading modal should show and a &quot;progress.finish&quot; when I want the modal to hide. There are certain conditions where the modal is hidden very quickly after being shown, causing the modal backdrop to remain on the screen. Subsequent calls to hiding the element do not remove the backdrop. I also can&#39;t simply remove all backdrops as other modal windows might be displaying over the loading window. I have put together a [jsfiddle][1] demonstrating the problem with simply calling the modal function (instead of triggering events).

    var loadingModal = $(&quot;#loadingModal&quot;);
    
    $(&quot;#btnShow&quot;).click(function () {
       loadingModal.modal(&quot;show&quot;);
        //hide after 3 seconds
        setTimeout(function () {
            loadingModal.modal(&quot;hide&quot;);
        }, 3000);
    });
    
    $(&quot;#btnProblem&quot;).click(function () {
       //simulate a loading screen finishing fast, followed by another loading screen
        loadingModal.modal(&quot;show&quot;);
        loadingModal.modal(&quot;hide&quot;);
        loadingModal.modal(&quot;show&quot;);
        
        //Again simulate 3 seconds
        setTimeout(function () {
            loadingModal.modal(&quot;hide&quot;);
        }, 3000);
    });

And the HTML:

    &lt;div id=&quot;loadingModal&quot; class=&quot;modal fade&quot;&gt;
      &lt;div class=&quot;modal-dialog&quot;&gt;
        &lt;div class=&quot;modal-content&quot;&gt;
          &lt;div class=&quot;modal-body&quot;&gt;
            &lt;p&gt;Loading...&lt;/p&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;button id=&quot;btnShow&quot;&gt;Show Loading&lt;/button&gt;
    &lt;button id=&quot;btnProblem&quot;&gt;Cause show/hide problem&lt;/button&gt;

Ideally, I would like to resolve this without waiting a specified time before calling modal(&quot;hide&quot;). In other words, I want to try to avoid something like:

    elem.on(&quot;progress.finish&quot;, function () {
        window.setTimeout(loadingModal.modal(&quot;hide&quot;);
    }, 750);

I have also tried subscribing to the hidden.bs.modal and shown.bs.modal events from bootstrap to try to show/hide the element if it needs to be, but may be going about this wrong... Any ideas to allow this modal to show/hide?


  [1]: http://jsfiddle.net/4tKtQ/

Bootstrap Modal Backdrop Remaining

I&#39;m looking for a way to vertically center the `container` div inside the `jumbotron` and to set it in the middle of the page. 

The `.jumbotron` has to be adapted to the full height and width of the screen. The `.container` div has a width of `1025px` and should be in the middle of the page (vertically center).

I want this page to have the jumbotron adapted to the height and width of the screen along with the container vertically center to the jumbotron. How can I achieve it?

&lt;!-- begin snippet: js hide: false console: false babel: false --&gt;

&lt;!-- language: lang-css --&gt;

    .jumbotron {
      height:100%;
      width:100%;
    }
    .container {
      width:1025px;
    }
    .jumbotron .container {
      max-width: 100%;
    } 

&lt;!-- language: lang-html --&gt;

    &lt;link href=&quot;https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.0/css/bootstrap.min.css&quot; rel=&quot;stylesheet&quot;/&gt;
    &lt;div class=&quot;jumbotron&quot;&gt;
        &lt;div class=&quot;container text-center&quot;&gt;
            &lt;h1&gt;The easiest and powerful way&lt;/h1&gt;
            &lt;div class=&quot;row&quot;&gt;
                &lt;div class=&quot;col-md-7&quot;&gt;
                     &lt;div class=&quot;top-bg&quot;&gt;&lt;/div&gt;
                &lt;/div&gt;

                &lt;div class=&quot;col-md-5 iPhone-features&quot; style=&quot;margin-left:-25px;&quot;&gt;
                    &lt;ul class=&quot;top-features&quot;&gt;
                        &lt;li&gt;
                            &lt;span&gt;&lt;i class=&quot;fa fa-random simple_bg top-features-bg&quot;&gt;&lt;/i&gt;&lt;/span&gt;
                            &lt;p&gt;&lt;strong&gt;Redirect&lt;/strong&gt;&lt;br&gt;Visitors where they converts more.&lt;/p&gt;
                        &lt;/li&gt;
                        &lt;li&gt;
                            &lt;span&gt;&lt;i class=&quot;fa fa-cogs simple_bg top-features-bg&quot;&gt;&lt;/i&gt;&lt;/span&gt;
                            &lt;p&gt;&lt;strong&gt;Track&lt;/strong&gt;&lt;br&gt;Views, Clicks and Conversions.&lt;/p&gt;
                        &lt;/li&gt;
                        &lt;li&gt;
                            &lt;span&gt;&lt;i class=&quot;fa fa-check simple_bg top-features-bg&quot;&gt;&lt;/i&gt;&lt;/span&gt;
                            &lt;p&gt;&lt;strong&gt;Check&lt;/strong&gt;&lt;br&gt;Constantly the status of your links.&lt;/p&gt;
                        &lt;/li&gt;
                        &lt;li&gt;
                            &lt;span&gt;&lt;i class=&quot;fa fa-users simple_bg top-features-bg&quot;&gt;&lt;/i&gt;&lt;/span&gt;
                            &lt;p&gt;&lt;strong&gt;Collaborate&lt;/strong&gt;&lt;br&gt;With Customers, Partners and Co-Workers.&lt;/p&gt;
                        &lt;/li&gt;
                            &lt;a href=&quot;pricing-and-signup.html&quot; class=&quot;btn-primary btn h2 lightBlue get-Started-btn&quot;&gt;GET STARTED&lt;/a&gt;
                            &lt;h6 class=&quot;get-Started-sub-btn&quot;&gt;FREE VERSION AVAILABLE!&lt;/h6&gt;
                    &lt;/ul&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;

&lt;!-- end snippet --&gt;



How to vertically center a container in Bootstrap?

Just downloaded 3.1 and found in the docs...

&gt;Turn any fixed-width grid layout into a full-width layout by changing your outermost `.container` to `.container-fluid`.

Looking in `bootstrap.css`, it appears that `.container-fluid` is identical to `.container`.  Both have the same CSS, and every instance of `.container-fluid` is paired with `.container`, and all column classes are specified in percentages.

When twiddling with examples I could not see any difference, as everything seemed fluid.

As I&#39;m new to Bootstrap, I assume I&#39;m missing something. Could someone take a minute and enlighten me?

What is the difference between Bootstrap .container and .container-fluid classes?

I need to confirm deletion using Bootstrap 3 modal box (YES/NO). How can I create this?

HTML code:

    &lt;form action=&quot;blah&quot; method=&quot;POST&quot;&gt;
        &lt;button class=&#39;btn&#39; type=&quot;submit&quot; name=&quot;remove_levels&quot; value=&quot;delete&quot;&gt;
            &lt;span class=&quot;fa fa-times&quot;&gt;&lt;/span&gt; Delete
        &lt;/button&gt;
    &lt;/form&gt;

Content Type	Original Author	Original Content on Stackoverflow
Question	darkomen	View Question on Stackoverflow
Solution 1 - Twitter Bootstrap-3	Pascalmh	View Answer on Stackoverflow
Solution 2 - Twitter Bootstrap-3	user3098847	View Answer on Stackoverflow

What is the `data-target` attribute in Bootstrap 3?

Twitter Bootstrap-3 Problem Overview

Twitter Bootstrap-3 Solutions

Solution 1 - Twitter Bootstrap-3

Solution 2 - Twitter Bootstrap-3

ORA-01950: no privileges on tablespace 'USERS'

How do I read properties defined in local.properties in build.gradle

Attributions