Advertisement
firoze

Remove Responsive from a Bootstrap Template

Jul 26th, 2015
251
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.84 KB | None | 0 0
  1. Remove Responsive from a Bootstrap Template
  2. ===========================================
  3.  
  4. 1. Remove <meta> from <head> tag,
  5. 2. Don't use .container class at all, rename .container class like as-
  6.  
  7. HTML:
  8.  
  9. <!-- Don't use .container at all or you will have to override a lot of responsive styles. -->
  10. <div class="container-non-responsive">
  11. <div class="row">
  12. <div class="col-xs-4">
  13. <h1>Welcome to Non-responsive Land</h1>
  14. </div>
  15. <div class="col-xs-8">
  16. <!-- More content, more content -->
  17. </div>
  18. </div>
  19. </div>
  20.  
  21. CSS:
  22.  
  23. .container-non-responsive {
  24. /* Margin/padding copied from Bootstrap */
  25. margin-left: auto;
  26. margin-right: auto;
  27. padding-left: 15px;
  28. padding-right: 15px;
  29.  
  30. /* Set width to your desired site width */
  31. width: 1170px;
  32. }
  33.  
  34. 3. Remove responsive.css file, if have in your template.
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement