## [BootstrapCDN.com](http://bootstrapcdn.com)

Hosts the Javascript, CSS, and Image files.

Additionally hosts the [Font Awesome][1] CSS and a selection of [Bootswatch](http://bootswatch.com/) themes.

Maintained by [@jdorfman](http://twitter.com/jdorfman) and [@mervinej](https://twitter.com/mervinej).

&lt;hr&gt;

## [CDNJS.com](http://www.cdnjs.com)

Hosts the JavaScript, CSS and Image files. Check the [GitHub repo](https://github.com/cdnjs/cdnjs/tree/master/ajax/libs/twitter-bootstrap) for more specifics.

Also hosts a ton of other JS libraries, including plenty of Bootstrap plugins/addons.

Maintained by [@peterdavehello](https://twitter.com/peterdavehello).


  [1]: http://fortawesome.github.com/Font-Awesome/

This is a common request: [Direct download links (or CDN)][1] Also looks like the library not on any CDN at the moment. 

You could use the raw github files, although this is not good practise, see: https://stackoverflow.com/questions/5502540/should-github-be-used-as-a-cdn-for-javascript-libraries




  [1]: https://github.com/twitter/bootstrap/issues/1679

I&#39;m (like all others) using `NSLocalizedString`to localize my app.

Unfortunately, there are several &quot;drawbacks&quot; (not necessarily the fault of NSLocalizedString itself), including

- No autocompletition for strings in Xcode. This makes working not only error-prone but also tiresome.
- You might end up redefining a string simply because you didn&#39;t know an equivalent string already existed (i.e. &quot;Please enter password&quot; vs. &quot;Enter password first&quot;)
- Similarily to the autocompletion-issue, you need to &quot;remember&quot;/copypaste the comment strings, or else `genstring` will end up with multiple comments for one string
- If you want to use `genstring` after you&#39;ve already localized some strings, you have to be careful to not lose your old localizations.
- Same strings are scattered througout your whole project. For example, you used `NSLocalizedString(@&quot;Abort&quot;, @&quot;Cancel action&quot;)` everywhere, and then Code Review asks you to rename the string to `NSLocalizedString(@&quot;Cancel&quot;, @&quot;Cancel action&quot;)` to make the code more consistent.

What I do (and after some searches on SO I figured many people do this) is to have a seperate `strings.h` file where I `#define` all the localize-code. For example

    // In strings.h
    #define NSLS_COMMON_CANCEL NSLocalizedString(@&quot;Cancel&quot;, nil)
    // Somewhere else
    NSLog(@&quot;%@&quot;, NSLS_COMMON_CANCEL);

This essentially provides code-completion, a single place to change variable names (so no need for genstring anymore), and an unique keyword to auto-refactor. However, this comes at the cost of ending up with a whole bunch of `#define` statements that are not inherently structured (i.e. like LocString.Common.Cancel or something like that). 

So, while this works somewhat fine, I was wondering how you guys do it in your projects. Are there other approaches to simplify the use of NSLocalizedString? Is there maybe even a framework that encapsulates it?



Best practice using NSLocalizedString

What&#39;s the best SQL datatype for storing JSON string?

    static List&lt;ProductModel&gt; CreateProductList()
    {
        string json = @&quot;[
            {
                ProductId: 1, 
                ProductCode: &#39;A&#39;, 
                Product: &#39;A&#39;
            },
            {
                ProductId: 2, 
                ProductCode: &#39;B&#39;, 
                Product: &#39;B&#39;
            }
        ]&quot;;

        IList&lt;JToken&gt; tokenList = JToken.Parse(json).ToList();
        List&lt;ProductModel&gt; productList = new List&lt;ProductModel&gt;();

        foreach (JToken token in tokenList)
        {
            productList.Add(JsonConvert.DeserializeObject&lt;ProductModel&gt;(token.ToString()));
        }

        return productList;
    }

Which SQL datatype should we use for storing such a string containing JSON?

- `NVARCHAR(255)`?
- `TEXT`?
- `VARBINARY(MAX)`?

What&#39;s best SQL datatype for storing JSON string?

Is there a hosted version of [Twitter Bootstrap][1]? Something similar to the hosted version of jQuery on Google?


  [1]: http://twitter.github.com/bootstrap/

Is there a hosted version of Twitter Bootstrap?

<p>Is there a hosted version of <a href="http://twitter.github.com/bootstrap/" target="_blank" rel="noopener noreferrer">Twitter Bootstrap</a>? Something similar to the hosted version of jQuery on Google?</p>


Can someone suggest how I can place a logo image on the top of the navbar?
My markup:

      &lt;body&gt;
        &lt;a href=&quot;index.html&quot;&gt; &lt;img src=&quot;images/57x57x300.jpg&quot;&gt;&lt;/a&gt;
         &lt;div class=&quot;navbar navbar-fixed-top&quot;&gt;
           &lt;div class=&quot;navbar-inner&quot;&gt;
             &lt;div class=&quot;container&quot;&gt;


It is not working as the 57x57x300.jpg is shown below the navbar.

Twitter-Bootstrap-2 logo image on top of navbar

I am creating a modal window using Twitter Bootstrap. The default behavior is if you click outside the modal area, the modal will automatically close. I would like to disable that -- i.e. not close the modal window when clicking outside the modal.

Can someone share jQuery code to do this?


Disallow Twitter Bootstrap modal window from closing

I&#39;m using twitter bootstrap for a project I am working on. 

I have a modal window that has a somewhat longer form in it and I didn&#39;t like that when the window got too small the modal didn&#39;t scroll (if just disappeared off my page which isn&#39;t scrollable). 

To fix this I used the following css

    .modal {
        overflow-y:auto;
        max-height:90%;
        margin-top:-45%;
    }

This works exactly the way I want it to in Chrome (that is, the form is full size when the window is big enough, but as the window shrinks the modal shrinks and becomes scrollable). The problem is that in IE the modal is off the screen. Does anyone have a better solution to this problem?

My example can be found at tinyhousemap.com (click &#39;Add an Entry to the map&#39; in the navigation window for the modal to appear)

Thanks


 

Twitter bootstrap scrollable modal

I have scoured the Internet far and wide and while I found this stackoverflow post insightful &lt;https://stackoverflow.com/questions/8166101/is-it-possible-to-change-the-position-of-bootstrap-popovers-based-on-screen-widt&gt;, it still didn&#39;t answer my question, likely due to my trouble understanding position/offset.

Here&#39;s what I&#39;m trying to do. I want the Twitter Bootstap Popover position to be RIGHT unless the hotspot popover will be positioned beyond the viewport, then I want it to be positioned LEFT. I&#39;m making an iPad web app that has hot spots, when you push on a hotspot, information appears but I don&#39;t want it to appear outside of the viewport when horizontal scrolling is locked.

I&#39;m thinking it&#39;d go something like this:

    $(&#39;.infopoint&#39;).popover({
			trigger:&#39;hover&#39;,
			animation: false,
			placement: wheretoplace	
		});
		function wheretoplace(){
		    var myLeft = $(this).offset.left;

		    if (myLeft&lt;500) return &#39;left&#39;;
		    return &#39;right&#39;;
		}

Thoughts? Thanks!


Changing the position of Bootstrap popovers based on the popover&#39;s X position in relation to window edge?

I&#39;m using Twitter bootstrap tooltips with javascript like the following:

    $(&#39;a[rel=tooltip]&#39;).tooltip();

My markup looks like this:

    &lt;a rel=&quot;tooltip&quot; title=&quot;Not implemented&quot; class=&quot;btn&quot;&gt;&lt;i class=&quot;icon-file&quot;&gt;&lt;/i&gt;&lt;/a&gt;

This works fine, but I add `&lt;a&gt;` elements dynamically and the tooltips aren&#39;t showing up for those dynamic elements.  I know it&#39;s because I only bind .tooltip() once when the document is finished loaded with the typical jquery `$(document).ready(function()` functionality.

How can I bind this to dynamically created elements?  Usually I would do this via the jquery live() method.  However, what is the event that I use to bind?  I&#39;m just not sure how to hook up the bootstrap .tooltip() with jquery .live().

I&#39;ve found one way to make this work is something like this:

    /* Add new &#39;rows&#39; when plus sign is clicked */
    $(&quot;a.add&quot;).live(&#39;click&#39;, function () {
        var clicked_li = $(this).parent(&#39;li&#39;);
        var clone = clicked_li.clone();

        clone.find(&#39;:input&#39;).each(function() {
            $(this).val(&#39;&#39;);
        });

        clicked_li.after(clone);
        $(&#39;a[rel=tooltip]&#39;).tooltip();
    });

This works, but seems kind of hackish.  I&#39;m also calling the exact same .tooltip() line in the $(ready) call.  So, do the elements that exist when the page first loads and match that selector end up with the tooltip twice?

I don&#39;t see any problems with this approach.  I&#39;m just looking for a best practice or understanding of the behavior.

How do I bind Twitter Bootstrap tooltips to dynamically created elements?

Some weeks ago Amazon announced that they have lowered the content expiration period:

[Amazon CloudFront Lowers Minimum Content Expiration Period][1]


So much that you can actually set now TTL in CloudFront to 0. So my question is, why could it be useful to have a CloudFront distribution with TTL set to 0. To me this means no caching at all so every request that gets to CloudFront will end up hitting the origin.

What am I missing?


  [1]: http://aws.amazon.com/about-aws/whats-new/2012/03/19/amazon-cloudfront-lowers-minimum-expiration-period/

What is a TTL 0 in CloudFront useful for?

Bootstrap is distributed in CDN in

http://www.bootstrapcdn.com/

* Is it possible to load Bootstrap with Require.JS 2.x (shimmed or native AMD)?  

* How it is possible to load Bootstrap, or any minified JS, directly from CDN URL with Require.js



Loading Bootstrap from CDN with Require.js

&gt; #PAY ATTENTION!
**The Bootstrap icons are back** after [**this pull request merge**](https://github.com/twbs/bootstrap/pull/9767).

&gt;---

&gt;After going back and forth on this for the last couple weeks, I&#39;ve decided to **restore the Glyphicons icon font to the main repo**. Given how prevalent icons are in UIs, it&#39;s probably a disservice to most folks to not include them (or some other icon font) in the same spot as the CSS and JS.

&gt;With this update comes the following:

&gt; - Restores documentation (on the Components page)
- New variables, `@icon-font-path` and `@icon-font-name`, for flexibility in adding and removing icon fonts
- Upgrades to latest Glyphicons (adding 40 new icons)
- Removes the **old Glyphicons mention from the CSS page**


&gt;We&#39;ll work on improving the customization of icon fonts in the future so swapping font libraries can be easier (which was the whole motivation for the original removal).


----

Which is the CDN url of the new version of Twitter Bootstrap Glyphicons? 

From the Bootstrap 3 [they were moved into a separate repository](https://stackoverflow.com/q/17901776/1420197), but I didn&#39;t find any CDN.

From the official documentation:

&gt;With the launch of Bootstrap 3, icons have been moved to a separate repository. This keeps the primary project as lean as possible, makes it easier for folks to swap icon libraries, and makes Glyphicons icon fonts more readily available to more people outside Bootstrap.

On the [official website](http://glyphicons.getbootstrap.com/) they don&#39;t provide a CDN url for icons.

Where can find it? I don&#39;t want to download the repository and include it into my project.

Bootstrap 3 Glyphicons CDN

We have a Cloudfront distribution with custom origin that has been working just fine for quite a long time, serving static assets for one of our sites. Just this morning, we noticed that our logo was displaying as a broken link.

Upon further investigation, Cloudfront is returning a strange error message that I&#39;ve never seen before for the [URL in question][CFLogo]:

&gt; # ERROR
&gt;
&gt; ## The request could not be satisfied.
&gt;
&gt; ------
&gt;
&gt; ------
&gt;
&gt; Generated by cloudfront (CloudFront)

Several other Cloudfront URLs from this distribution return the same error, but then others (again, from the same distribution) are working just fine. I don&#39;t see a pattern to what works and what doesn&#39;t.

Some other data points:

* The [origin URLs][ORLogo] work just fine. There&#39;s been no recent interruption in service, to my knowledge. 
* I&#39;ve invalidated the logo URL specifically, to no effect.
* I&#39;ve invalidated the root URL of the distribution, to no effect.

Any idea what&#39;s going on here? I&#39;ve never seen Cloudfront do this before.

**UPDATE:**

Here&#39;s the verbatim HTTP response from Cloudfront:

    $ http GET https://d2yu7foswg1yra.cloudfront.net/static/img/crossway_logo.png
    HTTP/1.1 502 Bad Gateway
    Age: 213
    Connection: keep-alive
    Content-Length: 472
    Content-Type: text/html
    Date: Wed, 18 Dec 2013 17:57:46 GMT
    Server: CloudFront
    Via: 1.1 f319e8962c0268d31d3828d4b9d41f98.cloudfront.net (CloudFront)
    X-Amz-Cf-Id: H_HGBG3sTOqEomHzHubi8ruLbGXe2MRyVhGBn4apM0y_LjQa_9W2Jg==
    X-Cache: Error from cloudfront

    &lt;!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01 Transitional//EN&quot; &quot;http://www.w3.org/TR/html4/loose.dtd&quot;&gt;
    &lt;HTML&gt;&lt;HEAD&gt;&lt;META HTTP-EQUIV=&quot;Content-Type&quot; CONTENT=&quot;text/html; charset=iso-8859-1&quot;&gt;
    &lt;TITLE&gt;ERROR: The request could not be satisfied&lt;/TITLE&gt;
    &lt;/HEAD&gt;&lt;BODY&gt;
    &lt;H1&gt;ERROR&lt;/H1&gt;
    &lt;H2&gt;The request could not be satisfied.&lt;/H2&gt;
    &lt;HR noshade size=&quot;1px&quot;&gt;
    &lt;/BODY&gt;&lt;/HTML&gt;

    &lt;BR clear=&quot;all&quot;&gt;
    &lt;HR noshade size=&quot;1px&quot;&gt;
    &lt;ADDRESS&gt;
    Generated by cloudfront (CloudFront)
    &lt;/ADDRESS&gt;
    &lt;/BODY&gt;&lt;/HTML&gt;


[CFLogo]: https://d2yu7foswg1yra.cloudfront.net/static/img/crossway_logo.png
[ORLogo]: https://my.crossway.org/static/img/crossway_logo.png

Cloudfront custom-origin distribution returns 502 &quot;ERROR The request could not be satisfied.&quot; for some URLs

My website uses about 10 third party javascript libraries like jQuery, jQuery UI, prefixfree, a few jQuery plugins and also my own javascript code. Currently I pull the external libraries from CDNs like Google CDN and cloudflare. I was wondering what is a better approach:

 1. Pulling the external libraries from CDNs (like I do today).
 2. Combining all the files to a single js and a single css file and storing them locally.

Any opinions are welcome as long as they are explained.
Thanks :)

Content Type	Original Author	Original Content on Stackoverflow
Question	Christian Strang	View Question on Stackoverflow
Solution 1 - Twitter Bootstrap	merv	View Answer on Stackoverflow
Solution 2 - Twitter Bootstrap	Hoff	View Answer on Stackoverflow

Is there a hosted version of Twitter Bootstrap?

Twitter Bootstrap Problem Overview

Twitter Bootstrap Solutions

Solution 1 - Twitter Bootstrap

BootstrapCDN.com

CDNJS.com

Solution 2 - Twitter Bootstrap

What's best SQL datatype for storing JSON string?

Best practice using NSLocalizedString

Attributions