Posted By

systemergon on 03/23/16


Tagged

html bootstrap


Versions (?)

Bootstrap Tips


 / Published in: HTML
 

Sin espacio en columna

  1. Sin espacio en Columna
  2.  
  3. .no-gutter > [class*='col-'] {
  4. padding-right:0;
  5. padding-left:0;
  6. }
  7.  
  8.  
  9. <div class="row no-gutter">
  10. <div class="col-md-4">
  11. ...
  12. </div>
  13. <div class="col-md-4">
  14. ...
  15. </div>
  16. <div class="col-md-4">
  17. ...
  18. </div>
  19. </div>
  20.  
  21.  
  22. Tamaño de los container
  23.  
  24. @media (min-width: 768px) {
  25. .container-small {
  26. width: 300px;
  27. }
  28. .container-large {
  29. width: 970px;
  30. }
  31. }
  32. @media (min-width: 992px) {
  33. .container-small {
  34. width: 500px;
  35. }
  36. .container-large {
  37. width: 1170px;
  38. }
  39. }
  40. @media (min-width: 1200px) {
  41. .container-small {
  42. width: 700px;
  43. }
  44. .container-large {
  45. width: 1500px;
  46. }
  47. }
  48.  
  49.  
  50.  
  51.  
  52. .container-small, .container-large {
  53. max-width: 100%;
  54. }

Report this snippet  

You need to login to post a comment.