You need to detect the click from js side, your HTML remaining same. **Note**: this method is deprecated since v3.5.5 and removed in v4.

    $(&quot;button&quot;).click(function() {
        var $btn = $(this);
        $btn.button(&#39;loading&#39;);
        // simulating a timeout
        setTimeout(function () {
            $btn.button(&#39;reset&#39;);
        }, 1000);
    });

Also, don&#39;t forget to load jQuery and Bootstrap js (based on jQuery) file in your page.

[**JSFIDDLE**](http://jsfiddle.net/deC37/)

[Official Documentation](http://getbootstrap.com/javascript/#buttons-examples)

I have 2 domain models and one Spring REST Controller like below:

    @Entity
    public class Customer{
    
    @Id
    private Long id;
    
    @OneToOne(fetch = FetchType.EAGER)
    @JoinColumn(name=&quot;COUNTRY_ID&quot;, nullable=false)
    private Country country;
    
    // other stuff with getters/setters
    
    }

    @Entity
    public class Country{
    
    @Id
    @Column(name=&quot;COUNTRY_ID&quot;)
    private Integer id;
    
    // other stuff with getters/setters
    
    }

**Spring REST Controller:**

    @Controller
    @RequestMapping(&quot;/shop/services/customers&quot;)
    public class CustomerRESTController {
    
       /**
        * Create new customer
        */
        @RequestMapping( method=RequestMethod.POST)
        @ResponseStatus(HttpStatus.CREATED)
        @ResponseBody
        public com.salesmanager.web.entity.customer.Customer createCustomer(@Valid @RequestBody   Customer customer, Model model, HttpServletRequest request, HttpServletResponse response) throws Exception {
    		
    		customerService.saveOrUpdate(customer);
    	
    		return customer;
    	}
    
        // other stuff
    }

I am trying to call above REST service with below JSON as body:

    {
        &quot;firstname&quot;: &quot;Tapas&quot;,
        &quot;lastname&quot;: &quot;Jena&quot;,
        &quot;city&quot;: &quot;Hyderabad&quot;,
        &quot;country&quot;: &quot;1&quot;
    }

Where country code 1 is already there in Country table. The problem is when I am calling this service getting below error:

    org.springframework.dao.InvalidDataAccessApiUsageException: org.hibernate.TransientPropertyValueException: Not-null property references a transient value - transient instance must be saved before current operation: com.test.model.Customer.country -&gt; com.test.model.Country; nested exception is java.lang.IllegalStateException: org.hibernate.TransientPropertyValueException: Not-null property references a transient value - transient instance must be saved before current operation: com.test.model.Customer.country -&gt; com.test.model.Country

Any help will be appreciated!


Not-null property references a transient value - transient instance must be saved before current operation

Silly question and not on something that is so necessary, but is it possible to exclude files from Github&#39;s language statistics aggregation on top?

I have checked some external CSS and JavaScript frameworks to be compressed along with the rest of the source code. They get measured as part of the project although they have not been contributed from a team member. This means that the status bar does not reflect the exact state of the project.


Is it possible to exclude files from git language statistics?

I&#39;m new to Bootstrap 3. Can&#39;t figure out how to activate the loading state button function. My code below is from the documents on [getboostrap.com][1].

    &lt;button type=&quot;button&quot; data-loading-text=&quot;Loading...&quot; class=&quot;btn btn-primary&quot;&gt;
      Loading state
    &lt;/button&gt;

Dropdowns works fine so I guess the problem is somewhere else? 


  [1]: http://getbootstrap.com


Loading state button in Bootstrap 3

I'm new to Bootstrap 3. Can't figure out how to activate the loading state button function. My code below is from the documents on <a href="http://getbootstrap.com" target="_blank" rel="noopener noreferrer">getboostrap.com</a>.
<pre><code class="hljs language-arduino">&#x3C;button type="button" data-loading-text="Loading..." class="btn btn-primary">
 Loading state
&#x3C;/button>
</code></pre>
Dropdowns works fine so I guess the problem is somewhere else?

In plain javascript is very simple: need just to attach the callback to `{XMLHTTPRequest}.onprogress`

    var xhr = new XMLHttpRequest();
    
    xhr.onprogress = function(e){
        if (e.lengthComputable)
            var percent = (e.loaded / e.total) * 100;
    };
 
    xhr.open(&#39;GET&#39;, &#39;http://www...&#39;, true);
    xhr.onreadystatechange = function() {
        ...
    };
    xhr.send(null);

but I&#39;m doing an ajax site that download html data with JQuery (`$.get()` or `$.ajax()`) and I was wondering which is the best way to get the progress of a request in order to display it with a little progress bar but curiously, I&#39;m not finding anything usefull in JQuery documentation...



What is the cleanest way to get the progress of JQuery ajax request?

I am trying to create a kind of responsive megamenu using Bootstrap 3 modal dialog. I would like to set the width and height of the whole modal window to 80% of the viewport, while setting the modal-body to a max-height in order not to populate the whole screen on large viewports. 

My HTML:
        	

        &lt;div class=&quot;modal fade&quot;&gt;
        		&lt;div class=&quot;modal-dialog modal-megamenu&quot;&gt;
        			&lt;div class=&quot;modal-content&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; aria-hidden=&quot;true&quot;&gt;x&lt;/button&gt;
            				&lt;h4 class=&quot;modal-title&quot;&gt;Modal Mega Menu Test&lt;/h4&gt;
            			&lt;/div&gt;
            			&lt;div class=&quot;modal-body&quot;&gt;
        	      			&lt;div class=&quot;row&quot;&gt;
                            	&lt;div class=&quot;col-md-3&quot;&gt;&lt;/div&gt;
                            	&lt;div class=&quot;col-md-3&quot;&gt;&lt;/div&gt;
                            	&lt;div class=&quot;col-md-3&quot;&gt;&lt;/div&gt;
                            	&lt;div class=&quot;col-md-3&quot;&gt;&lt;/div&gt;
                            &lt;/div&gt;
            			&lt;/div&gt;
            		&lt;/div&gt;
            			&lt;div class=&quot;modal-footer&quot;&gt;
            				&lt;button type=&quot;button&quot; data-dismiss=&quot;modal&quot; class=&quot;btn btn-primary&quot;&gt;close&lt;/button&gt;
            			&lt;/div&gt;
           		 &lt;/div&gt;
        	&lt;/div&gt;

My CSS:

    .modal-megamenu {
    	width:80%;
    	height:80%;
    }
    
    .modal-body {
    	max-height:500px;
    	overflow:auto;
    }

This works as intended for the width, but the &quot;height&quot; parameter doesn&#39;t give any result. Like that, the height of the modal window is always set to the max-height value. Does anybody have an idea of how to set the height dynamically according to the viewport height?

Bootstrap 3 - set height of modal window according to screen size

I am creating a header that once scrolled to a certain amount of pixels it fixes and stays in place. 

Can I do this using just css and html or do i need jquery too? 

I have created a demo so you can understand. Any help would be great!

http://jsfiddle.net/gxRC9/4/
```
body{
     margin:0px;
     padding:0px;
}
 .clear{
     clear:both;
}
 .container{
     height:2000px;
}
 .cover-photo-container{
     width:700px;
     height: 348px;
     margin-bottom: 20px;
     background-color:red;
}
 .small-box{
     width:163px;
     height:100px;
     border:1px solid blue;
     float:left;
}
 .sticky-header{
     width:700px;
     height:50px;
     background:orange;
     postion:fixed;
}




How to fix a header on scroll

I have been searching ways to have jQuery automatically write required using html5 validation to my all of my input fields but I am having trouble telling it where to write it.

I want to take this

     &lt;input type=&quot;text&quot; name=&quot;first_name&quot; value=&quot;&quot; id=&quot;freeform_first_name&quot;
     maxlength=&quot;150&quot;&gt;

and have it automatically add **required** before the closing tag

     &lt;input type=&quot;text&quot; name=&quot;first_name&quot; value=&quot;&quot; id=&quot;freeform_first_name&quot;
     maxlength=&quot;150&quot; required&gt;


I thought I  could do someting along the lines of 

    $(&quot;input&quot;).attr(&quot;required&quot;, &quot;true&quot;);

But it doesn&#39;t work. Any help is greatly appreciated. 

jQuery add required to input fields

So, basically, I need to upload a single image, save it to localStorage, then display it on the next page.

Currently, I have my HTML file upload:

    &lt;input type=&#39;file&#39; id=&quot;uploadBannerImage&quot; onchange=&quot;readURL(this);&quot; /&gt;

Which uses this function to display the image on the page

    function readURL(input) 
    {
    	document.getElementById(&quot;bannerImg&quot;).style.display = &quot;block&quot;;
    	
        if (input.files &amp;&amp; input.files[0]) {
            var reader = new FileReader();
    
            reader.onload = function (e) {
                document.getElementById(&#39;bannerImg&#39;).src =  e.target.result;
            }
    
            reader.readAsDataURL(input.files[0]);
        }
    }

The image is displayed instantly on the page for the user to see. They are then asked to fill out the rest of the form. This part is working perfectly.

Once the form is complete, they then press a &#39;Save&#39; button. Once this button is pressed, I save all form inputs as `localStorage` strings. I need a way to also save the image as a `localStorage` item.

The save button will also direct them to a new page. This new page will display the users data in a table, with the image being at the top.

So plain and simple, I need to save the image in `localStorage` once the &#39;Save&#39; button is pressed, and then loan the image on the next page from `localStorage`.

I found some solutions such as [this fiddle](http://jsfiddle.net/8V9w6/) and [this article at moz://a HACKS](https://hacks.mozilla.org/2012/02/saving-images-and-files-in-localstorage/).

Although I am still extremely confused on how this works, and I only really need a simple solution. Basically, I just need to find the image via `getElementByID` once the &#39;Save&#39; button is pressed, and then process and save the image.

How to save an image to localStorage and display it on the next page?

I&#39;m trying to make a two-column **full-height** layout with Twitter Bootstrap 3. It seems that **Twitter Bootstrap 3** does not support full height layouts.
What I want to do:

      +-------------------------------------------------+
      |                     Header                      |
      +------------+------------------------------------+
      |            |                                    |
      |            |                                    |
      |Navigation  |         Content                    |
      |            |                                    |
      |            |                                    |
      |            |                                    |
      |            |                                    |
      |            |                                    |
      |            |                                    |
      +------------+------------------------------------+

If the content grows, the `nav` should also grow. 
 
 - Height 100% for every parent doesn&#39;t work because there is the case where content is one line.
 - `position: absolute` seems to be the wrong way.
 - `display: table` and `display: table-cell` solves the problem, but not elegantly.

##### HTML:

   

        &lt;div class=&quot;container&quot;&gt;
          &lt;div class=&quot;row&quot;&gt;
            &lt;div class=&quot;col-md-3&quot;&gt;&lt;/div&gt;
            &lt;div class=&quot;col-md-9&quot;&gt;&lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;

Is there way to make it with default **Twitter Bootstrap 3** classes?

Bootstrap 3 two columns full height

I want to position a paragraph to the right of an `&lt;iframe&gt;` of a Google map.

I do not know how to show my code, so here is a screenshot of what I want:

[![](https://i.stack.imgur.com/LqPqX.png)](https://i.stack.imgur.com/LqPqX.png)

How to position two elements side by side using CSS

Is there any Twitter Bootstrap class for `font-weight: bold` and other values of `font-weight`?

I would not create a new one if this already exists in Bootstrap.

Set font-weight using Bootstrap classes

I have a part in my angular application on which I&#39;ve binded a controller,&lt;br/&gt;
since then I got the Argument &#39;fn&#39; is not a function Error, can anyone look at my code and explain why I got that Error?

I would be very gratefull :)

html-markup:

           


&lt;!-- language: lang-html --&gt;

    &lt;section class=&quot;col-lg-12&quot; data-ng-controller=&quot;MessageController&quot;&gt;
      &lt;fieldset&gt;
        &lt;legend&gt;{{ &#39;MESSAGES&#39; | translate }}&lt;/legend&gt;
      &lt;/fieldset&gt;
      &lt;div class=&quot;margin-left-15&quot;&gt;
        &lt;ul class=&quot;list-style-button&quot;&gt;
          &lt;li data-ng-repeat=&quot;message in MSG&quot;&gt;{{ message }}&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/div&gt;
    &lt;/section&gt;


controller:

   


&lt;!-- language: lang-js --&gt;

    (function() {
      &#39;use strict&#39;;

      var controllers = angular.module(&#39;portal.controllers&#39;);

      controllers.controller(&#39;MessageController&#39;, [&#39;$scope&#39;, &#39;MessageService&#39;, &#39;$rootScope&#39;, function MessageController($scope, MessageService, $rootScope) {
        $rootScope.MSG = MessageService.getMessages();

        $rootScope.$watch(&#39;MSG&#39;, function(newValue) {
          $scope.MSG = newValue;
        });
      }]);
    }());


Service:

    


&lt;!-- language: lang-js --&gt;

    (function() {

      &#39;use strict&#39;;

      var messageServices = angular.module(&#39;portal.services&#39;);

      messageServices.factory(&#39;MessageService&#39;, [&#39;MessageData&#39;, &#39;localStorageService&#39;, &#39;UserService&#39;], function(MessageData, localStorageService, UserService) {
        return new MessageService(MessageData, localStorageService, UserService);
      });

      function MessageService(MessageData, localStorageService, UserService) {
        this.messageData = MessageData;
        this.localStorageService = localStorageService;
        this.userService = UserService;
      }

      MessageService.prototype.getMessages = function() {
        var locale = this.userService.getUserinfoLocale();
        var messages = this.localStorageService.get(Constants.key_messages + locale);
        if (messages !== null &amp;&amp; messages !== undefined) {
          return JSON.parse(messages);
        } else {
          return this.messageData.query({
            locale: locale
          }, $.proxy(function(data, locale) {
            this.save(Constants.key_messages + locale, JSON.stringify(data));
          }, this));
        }
      };

      MessageService.prototype.save = function(key, value) {
        this.localStorageService.add(key, value);
      };

    }());


data:

    


&lt;!-- language: lang-js --&gt;

    (function() {
      &#39;use strict&#39;;

      var data = angular.module(&#39;portal.data&#39;);

      data.factory(&#39;MessageData&#39;, function($resource) {
        return $resource(Constants.url_messages, {}, {
          query: {
            method: &#39;GET&#39;,
            params: {
              locale: &#39;locale&#39;
            },
            isArray: true
          }
        });
      });
    }());


order of js files in html head:

    &lt;script src=&quot;js/lib/jquery-1.10.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;js/lib/angular.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;js/lib/angular-resource.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;js/lib/angular-translate.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;js/lib/angular-localstorage.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;js/lib/jquery-cookies.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;js/lib/bootstrap.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;js/portal.js&quot;&gt;&lt;/script&gt;

Argument &#39;fn&#39; is not a function got string

I am learning [Bootstrap][1]. On the getting started menu, there are few templates given. I am playing with that. One example is about fixed Footer. I used nav from previous example and wanted to adjust that with fixed footer. But vertical scrollbar is coming. **I am looking for element which is causing Vertical Scroll Bar.** 

Here is HTML:


    &lt;!DOCTYPE html&gt;
    &lt;html lang=&quot;en&quot;&gt;
        &lt;head&gt;
            &lt;meta charset=&quot;utf-8&quot;&gt;
            &lt;title&gt;Bootstrap, from Twitter&lt;/title&gt;
            &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
            &lt;meta name=&quot;description&quot; content=&quot;&quot;&gt;
            &lt;meta name=&quot;author&quot; content=&quot;&quot;&gt;
    
            &lt;!-- Le styles --&gt;
            &lt;link href=&quot;css/bootstrap.css&quot; rel=&quot;stylesheet&quot;&gt;
    
            &lt;style type=&quot;text/css&quot;&gt;
    
                /* Sticky footer styles
                -------------------------------------------------- */
    
                html,
                body {
                    height: 100%;
                    /* The html and body elements cannot have any padding or margin. */
                }
    
                /* Wrapper for page content to push down footer */
                #wrap {
                    min-height: 100%;
                    height: auto !important;
                    height: 100%;
                    /* Negative indent footer by it&#39;s height */
                    margin: 0 auto -60px;
                }
    
                /* Set the fixed height of the footer here */
                #push,
                #footer {
                    height: 60px;
                }
                #footer {
                    background-color: #f5f5f5;
                }
    
                /* Lastly, apply responsive CSS fixes as necessary */
                @media (max-width: 767px) {
                    #footer {
                        margin-left: -20px;
                        margin-right: -20px;
                        padding-left: 20px;
                        padding-right: 20px;
                    }
                }
    
    
    
                /* Custom page CSS
                -------------------------------------------------- */
                /* Not required for template or sticky footer method. */
    
                .container {
                    width: auto;
                    max-width: 680px;
                    height: auto;
                }
                .container .credit {
                    margin: 20px 0;
                }
    
                /* Adjust Nav */
                #wrap &gt; .container {
                    margin-top: 60px;
                }
    
            &lt;/style&gt;
    
            &lt;link href=&quot;css/bootstrap-responsive.css&quot; rel=&quot;stylesheet&quot;&gt;
    
            &lt;!-- HTML5 shim, for IE6-8 support of HTML5 elements --&gt;
            &lt;!--[if lt IE 9]&gt;
              &lt;script src=&quot;html5shiv.js&quot;&gt;&lt;/script&gt;
            &lt;![endif]--&gt;
    
            &lt;!-- Fav and touch icons --&gt;
    
            &lt;link rel=&quot;apple-touch-icon-precomposed&quot; sizes=&quot;144x144&quot; href=&quot;ico/apple-touch-icon-144-precomposed.png&quot;&gt;
            &lt;link rel=&quot;apple-touch-icon-precomposed&quot; sizes=&quot;114x114&quot; href=&quot;ico/apple-touch-icon-114-precomposed.png&quot;&gt;
            &lt;link rel=&quot;apple-touch-icon-precomposed&quot; sizes=&quot;72x72&quot; href=&quot;ico/apple-touch-icon-72-precomposed.png&quot;&gt;
            &lt;link rel=&quot;apple-touch-icon-precomposed&quot; href=&quot;ico/apple-touch-icon-57-precomposed.png&quot;&gt;
            &lt;link rel=&quot;shortcut icon&quot; href=&quot;ico/favicon.png&quot;&gt;
    
        &lt;/head&gt;
    
        &lt;body&gt;
            &lt;div id=&quot;wrap&quot;&gt;
                &lt;div class=&quot;navbar navbar-inverse navbar-fixed-top&quot; &gt;
                    &lt;div class=&quot;navbar-inner&quot;&gt;
                        &lt;div class=&quot;container&quot;&gt;
                            &lt;button type=&quot;button&quot; class=&quot;btn btn-navbar&quot; data-toggle=&quot;collapse&quot; data-target=&quot;.nav-collapse&quot;&gt;
                                &lt;span class=&quot;icon-bar&quot;&gt;&lt;/span&gt;
                                &lt;span class=&quot;icon-bar&quot;&gt;&lt;/span&gt;
                                &lt;span class=&quot;icon-bar&quot;&gt;&lt;/span&gt;
                            &lt;/button&gt;
                            &lt;a class=&quot;brand&quot; href=&quot;#&quot;&gt;Project name&lt;/a&gt;
                            &lt;div class=&quot;nav-collapse collapse&quot;&gt;
                                &lt;ul class=&quot;nav&quot;&gt;
                                    &lt;li class=&quot;active&quot;&gt;&lt;a href=&quot;#&quot;&gt;Home&lt;/a&gt;&lt;/li&gt;
                                    &lt;li&gt;&lt;a href=&quot;#about&quot;&gt;About&lt;/a&gt;&lt;/li&gt;
                                    &lt;li&gt;&lt;a href=&quot;#contact&quot;&gt;Contact&lt;/a&gt;&lt;/li&gt;
                                &lt;/ul&gt;
                            &lt;/div&gt;&lt;!--/.nav-collapse --&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
    
                &lt;div class=&quot;container&quot;&gt;
    
                    &lt;h1&gt;Bootstrap starter template&lt;/h1&gt;
                    &lt;p&gt;Use this document as a way to quick start any new project.&lt;br&gt; All you get is this message and a barebones HTML document.&lt;/p&gt;
    
                &lt;/div&gt; &lt;!-- /container --&gt;
                &lt;div id=&quot;push&quot;&gt;&lt;/div&gt;
            &lt;/div&gt; &lt;!-- End Wrap --&gt;
    
            &lt;div id=&quot;footer&quot;&gt;
                &lt;div class=&quot;container&quot;&gt;
                    &lt;p class=&quot;muted credit&quot;&gt;Example courtesy &lt;a href=&quot;http://martinbean.co.uk&quot;&gt;Martin Bean&lt;/a&gt; and &lt;a href=&quot;http://ryanfait.com/sticky-footer/&quot;&gt;Ryan Fait&lt;/a&gt;.&lt;/p&gt;
                &lt;/div&gt;
            &lt;/div&gt;
    
    
            &lt;!-- Le javascript
            ================================================== --&gt;
            &lt;!-- Placed at the end of the document so the pages load faster --&gt;
            &lt;script src=&quot;../jquery.js&quot;&gt;&lt;/script&gt;
            &lt;script src=&quot;js-ext/bootstrap-transition.js&quot;&gt;&lt;/script&gt;
            &lt;script src=&quot;js-ext/bootstrap-alert.js&quot;&gt;&lt;/script&gt;
            &lt;script src=&quot;js-ext/bootstrap-modal.js&quot;&gt;&lt;/script&gt;
            &lt;script src=&quot;js-ext/bootstrap-dropdown.js&quot;&gt;&lt;/script&gt;
            &lt;script src=&quot;js-ext/bootstrap-scrollspy.js&quot;&gt;&lt;/script&gt;
            &lt;script src=&quot;js-ext/bootstrap-tab.js&quot;&gt;&lt;/script&gt;
            &lt;script src=&quot;js-ext/bootstrap-tooltip.js&quot;&gt;&lt;/script&gt;
            &lt;script src=&quot;js-ext/bootstrap-popover.js&quot;&gt;&lt;/script&gt;
            &lt;script src=&quot;js-ext/bootstrap-button.js&quot;&gt;&lt;/script&gt;
            &lt;script src=&quot;js-ext/bootstrap-collapse.js&quot;&gt;&lt;/script&gt;
            &lt;script src=&quot;js-ext/bootstrap-carousel.js&quot;&gt;&lt;/script&gt;
            &lt;script src=&quot;js-ext/bootstrap-typeahead.js&quot;&gt;&lt;/script&gt;
    
        &lt;/body&gt;
    &lt;/html&gt;



**Is there any trick, which works in these cases to know which Element is causing Scroll Bar?** I faced similar problem earlier, I do not remember if I could find the easy solution.

  [1]: http://getbootstrap.com/2.3.2/getting-started.html


How to Know Which HTML Element is Causing Vertical Scroll Bar

Bootstrap has some nice `.visible-*` (eg. `.visible-lg`) class utility for selecting what to show or hide depending on the screen size.

When using those classes, it applies the styling `display: block !important;` when in the correct screen size.

But sometimes, I&#39;d like to use it for some elements that are displayed `inline` or `inline-block`.

How could I cleanly override some bootstrap rules to have the choice? Or should it be a feature request in bootstrap?

---
EDIT

Seems like I&#39;m not the only one wondering about this issue. Here&#39;s the [github issue][1].

Thanks for the latest answer!

  [1]: https://github.com/twbs/bootstrap/issues/8869

Bootstrap3 .visible-* .hidden-* display inline

[Within the Bootstrap CSS project](https://github.com/twbs/bootstrap/blob/master/less/type.less), styles are provided for your heading tags (H1, H2, H3, H4, H5, H6), but there&#39;s also a series of class names based on the headings as well (.h1, .h2, .h3, .h4, .h5, .h6). What is the benefit gained from using the class name of a H1 without properly using the H1 tag? I would think that you always want to make sure your HTML mirrors your visual importance.

Any thoughts explaining a good reason for using .h1 instead of using a h1 tag would be appreciated.

Content Type	Original Author	Original Content on Stackoverflow
Question	kanarifugl	View Question on Stackoverflow
Solution 1 - Jquery	Ionică Bizău	View Answer on Stackoverflow

Loading state button in Bootstrap 3

Jquery Problem Overview

Jquery Solutions

Solution 1 - Jquery

Is it possible to exclude files from git language statistics?

Not-null property references a transient value - transient instance must be saved before current operation

Attributions