Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- Remove Responsive from a Bootstrap Template
- ===========================================
- 1. Remove <meta> from <head> tag,
- 2. Don't use .container class at all, rename .container class like as-
- HTML:
- <!-- Don't use .container at all or you will have to override a lot of responsive styles. -->
- <div class="container-non-responsive">
- <div class="row">
- <div class="col-xs-4">
- <h1>Welcome to Non-responsive Land</h1>
- </div>
- <div class="col-xs-8">
- <!-- More content, more content -->
- </div>
- </div>
- </div>
- CSS:
- .container-non-responsive {
- /* Margin/padding copied from Bootstrap */
- margin-left: auto;
- margin-right: auto;
- padding-left: 15px;
- padding-right: 15px;
- /* Set width to your desired site width */
- width: 1170px;
- }
- 3. Remove responsive.css file, if have in your template.
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement