How to disable the collapsing feature in twitter bootstrap 3?


Tags: jquery,html,css,twitter-bootstrap-3

Problem :

In twitter Bootstrap 3 how do i disable the site collapse feature. I basically want my site to be similiar to this one in a way that the navbar features like the logo, search bar, and ext and the whole body of the website to be centered in the middle of the page until the page cannot center it anymore. It then just stays static. My site is wierd because twitter bootstrap 3 makes your site adjust to the mobile device by making it collapse (which is what i do not want).

Here is my html: http://codebin.org/view/d55ad9fe

Here is my css: http://codebin.org/view/571565ca

(i have tried to make a jsfiddle multiplr times and i am still learning.)



Solution :

If you don't want to collapse just remove collapse class from your code

For example:

If you were using bootstrap navbar means remove collapse navbar-collapse and also remove the toggle button also, it will avoid collapse options

For center align use text-center class

DEMO


    CSS Howto..

    How to get CSS background property to work with toggleClass() in jQuery?

    How do I refer to an image resource from CSS in grails?

    How to make this button is CSS with Angled , Drop shadow, Inset shadow with flexibility in width

    How to use SVG Sprite Sheet as CSS background-image while maintaining aspect ratio and scalability

    How can I separate areas with floats from each other?

    How to spread three columns in CSS across a page equally

    How to use CSS to place text on different sizes of images?

    How to change the Attribute background color in css code

    How do I get my link background to go beneath it during hover?

    How to write print css to get print from web pages in almost same manner as we get from MS word?

    How to move div from bottom to top

    simple text input box “autosuggest” script - how to overlap with css

    how to position a div below an absolute div in css

    how to give space between tr tag and divide by | in html

    CSS Have a div which can fit 5 li per row how to make 6 go to new line

    How can I print the selected item from bootstrap drop down using jquery or javascript in php

    How to add image at right bottom div using css

    How to remove the blue halo glow from jQuery Mobile input elements that receive focus

    How do I get rid of the white space at the top of my web page?

    How to add Jquery Mobile effects to dynamically added elements?

    Css accordion menu, how to set height to automatic?

    HTML5/CSS3 how to force text to require a certain width for rendering

    How to apply styles to a group of Labels in javafx without css

    How do I apply css animations to angular2 components before they are destroyed/removed?

    How to manage css files the best way

    How to make height in CSS responsive?

    How to Automatically adjust width in CSS so horizontal scrollbars would adjust automatically without taking so much space?

    How to make tabs with pure HTML/CSS

    How do I make an image only overflow (hidden) on the bottom if it exceeds it's container div?

    How to target iPhone 3GS AND iPhone 4 in one media query?