How can I create a status bar with bootstrap?


Tags: html,css,twitter-bootstrap

Problem :

I need to create a status bar, at the bottom of the screen (fixed position) for my webapp. Because I haven't lots of CSS knowledge, I'm using Twitter Bootstrap.

How can I create this? I've been looking around the web, but I haven't found any example... Or is it possible to create a second nav-bar (it looks great!), and attach it to the bottom of the screen? Maybe creating some kind of "navbar-fixed-bottom" CSS rule?



Solution :

A fixed-bottom Navbar seems right. There's even a Bootstrap Example that demonstrates this.


    CSS Howto..

    how do i place a text upperright side of the image?

    How to remove some css properties using regular expression?

    How to set css for first div, if there's no second div

    html css - how to create multiple column list?

    How to fit image into table cell by height with CSS (where the height is not defined explicitly)

    How can I force a dynamic
      to be 100% the height of it's parent, no more, no less?

    How to put a space in front of a next line [closed]

    CSS how to create unveilable footer

    CSS - how to make image container width fixed and height auto stretched

    How to style image in variable? [closed]

    How to position tables in ie 9 using css?

    Design Issue: How to design a webpage that should show 11 elements with a description for each elements? [closed]

    How do I insert a custom font to text with CSS? [duplicate]

    How to change social network icons colors in fixed menu?

    How to conditionally adjust paddings using css only?

    How proper add 2 CSS file in a WordPress theme?

    How to get “position:fixed” css to work in IE 7+ with TRANSITIONAL doctype?

    How to set the universal CSS selector with JavaScript?

    How to use a jQuery variable in CSS property

    How to select an element's great-grandchild for CSS rules?

    CSS: How to fill a dynamic container that contains fixed sized elements?

    How to use a different stylesheet for iphone or android?

    How to fill video element with poster image even if the poster image is a different aspect ratio than its video element? [duplicate]

    How to have text slide in when I hover over navbar?

    How to change CSS class of a HTML page element using ASP.NET?

    How to set all CSS values to their default? [duplicate]

    How to define a document in javascript? WebStorm

    Responsive design: How to open links in a modal window for desktop browsers, but not on a mobile device?

    How long can a CSS selector be?

    How to create inheritance with LESS?