title: Bootstrap3: mobile first approach, prevent rules for xs from applying to bigger screen sizes
body: <p>I using Bootstrap 3.3 and authoring with mobile first approach. Here is the the css:     </p>
  
  <pre><code>       .link{
              display: block;
              margin: 7px auto;
              text-align: center;
  
              /*Tablets+ only*/
              @media(min-width: 768px){
                  float: right;
                  position: relative;
                  top: 10px;  }
  </code></pre>
  
  <p>In the above, properties for mobile(xs) size will also gets applied to tablet+ sizes in addition to some additional properties. What's the best way to write the above such that properties for mobiles does not get applied to tablet+ size?</p>