meowmoriaoi

layout

Dec 17th, 2019
52
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.41 KB | None | 0 0
  1. .col-lg-6 {
  2. -ms-flex: 0 0 50%;
  3. flex: 0 0 50%;
  4. max-width: 50%
  5. }
  6.  
  7. .col-lg-7 {
  8. -ms-flex: 0 0 58.333333%;
  9. flex: 0 0 58.333333%;
  10. max-width: 58.333333%
  11. }
  12.  
  13. .col-lg-8 {
  14. -ms-flex: 0 0 66.666667%;
  15. flex: 0 0 66.666667%;
  16. max-width: 66.666667%
  17. }
  18.  
  19. .col-lg-9 {
  20. -ms-flex: 0 0 75%;
  21. flex: 0 0 75%;
  22. max-width: 75%
  23. }
  24.  
  25. .col-lg-10 {
  26. -ms-flex: 0 0 83.333333%;
  27. flex: 0 0 83.333333%;
  28. max-width: 83.333333%
  29. }
  30.  
  31. .col-lg-11 {
  32. -ms-flex: 0 0 91.666667%;
  33. flex: 0 0 91.666667%;
  34. max-width: 91.666667%
  35. }
  36.  
  37. .col-lg-12 {
  38. -ms-flex: 0 0 100%;
  39. flex: 0 0 100%;
  40. max-width: 100%
  41. }
  42.  
  43. .container {
  44. width: 100%;
  45. padding-right: 15px;
  46. padding-left: 15px;
  47. margin-right: auto;
  48. margin-left: auto
  49. }
  50.  
  51. @media (min-width:576px) {
  52. .container {
  53. max-width: 540px
  54. }
  55. }
  56.  
  57. @media (min-width:768px) {
  58. .container {
  59. max-width: 720px
  60. }
  61. }
  62.  
  63. @media (min-width:992px) {
  64. .container {
  65. max-width: 960px
  66. }
  67. }
  68.  
  69. @media (min-width:1200px) {
  70. .container {
  71. max-width: 1140px
  72. }
  73. }
  74.  
  75. .container-fluid {
  76. width: 100%;
  77. padding-right: 15px;
  78. padding-left: 15px;
  79. margin-right: auto;
  80. margin-left: auto
  81. }
  82.  
  83. .row {
  84. display: -ms-flexbox;
  85. display: flex;
  86. -ms-flex-wrap: wrap;
  87. flex-wrap: wrap;
  88. margin-right: -15px;
  89. margin-left: -15px
  90. }
  91.  
  92. .
Add Comment
Please, Sign In to add comment