Found the snippets here works really well for bootstrap
Html:
<div id="wrap"> <div id="main" class="container clear-top"> <p>Your content here</p> </div> </div> <footer class="footer"></footer>
CSS:
html, body { height: 100%; } #wrap { min-height: 100%; } #main { overflow:auto; padding-bottom:150px; /* this needs to be bigger than footer height*/ } .footer { position: relative; margin-top: -150px; /* negative value of footer height */ height: 150px; clear:both; padding-top:20px; }
Related Posts:
- What is the difference among col-lg-*, col-md-* and col-sm-* in Bootstrap?
- Customize Bootstrap checkboxes
- CSS to make HTML page footer stay at bottom of the page with a minimum height, but not overlap the page
- Does bootstrap have builtin padding and margin classes?
- How to set up fixed width for
? - How to change btn color in Bootstrap
- force footer on bottom on pages with little content
- How to set up fixed width for
? - css to make bootstrap navbar transparent
- Bootstrap 4, How do I center-align a button?
- Responsive Bootstrap Jumbotron Background Image
- Changing the width of Bootstrap popover
- How to center vertically and horizontally a div using Bootstrap?
- bootstrap 4 row height
- Bootstrap change carousel height
- Twitter Bootstrap – add top space between rows
- How can I make Bootstrap columns all the same height?
- Set bootstrap modal body height by percentage
- Bootstrap align navbar items to the right
- Why is my Bootstrap code not working?
- img-responsive in Bootstrap does not work
- In a bootstrap responsive page how to center a div
- Responsive Canvas in Bootstrap column?
- WordPress Admin Bar Overlapping Twitter Bootstrap Navigation [closed]
- Load custom css after bootstrap
- Redoing home page but changes not taking effect
- Layout using Bootstrap not aligning correctly
- Bootstrap in theme
- create bootstrap columns inside editor group block
- footer disappear on some pages frequently
- Load CSS in footer, like your can with JS?
- Google yolo one tab signup plugin avilable in wordpress? [closed]
- CSS – Initial HTML Margin Issue On WordPress Site
- How to remove the gap on right side of webpage (using Bootstrap with WordPress)?
- All of my custom Bootstrap styles are not working in my child theme!
- How to integrate Bootstrap Grid System in WordPress
- With over a page of content the footer remains where the bottom of the screen was at top scroll
- Change class names dynamically added to html elements by wordpress
- Modal dialog under the backdrop
- WordPress footer always at the bottom of the screen-page
- Need help removing block of white space between footer widgets and footer [closed]
- Bootstrap News: Image Modifciation
- Can’t center post thumbnail with bootstrap [closed]
- 100% Width Footer – Custom Child Theme
- Bootstrap 4 Optimization
- Parent style messing up with Bootstrap [closed]
- Bootstrap navbar-fixed-top issues [closed]
- How to make this splash page responsive
- Footer in middle of page in different browers [closed]
- Custom theme – Bootstrap CSS not loading via wp_enqueue_style or otherwise
- In CSS what is the difference between “.” and “#” when declaring a set of styles? [duplicate]
- What is element.style and why is it overriding my css settings?
- What’s the HTML to have a horizontal space between two objects?
- HTML/CSS float: left; is not working properly
- CSS transition fade in
- Contain an image within a div?
- Failed to decode downloaded font
- Center HTML Input Text Field Placeholder
- CSS fill remaining width
- TinyMCE: adding CSS to format dropdown
- Get list of registered or enqued styles? looking for filters or actions
- wp_get_archives() – Get CSS selector for current month
- How to add custom fonts in WordPress site
- Handling URLs in WordPress application
- Extending content width with twentyfourteen theme
- How to change DASH-ICON color with CSS?
- getting url in wp_enqueue_style
- Gutenberg Additional CSS Class without modifying theme?
- wp_enqueue_style – CSS Not loading – ERR_TOO_MANY_REDIRECTS [closed]
- Help with child theme enqueuing additional css files
- Website CSS not loading [closed]
- Custom styles dropdown in TinyMCE editor – not working with headings
- Port existing Bootstrap site to WordPress?
- Correct Way To Make Changes To A WordPress Theme
- Header background image just stopped working
- HTML email sent with wp_mail shows plain text
- CSS getting injected into index from somewhere after theme/custom CSS is loaded, overriding all of my CSS [closed]
- How do I change the style of just a part of the tagline?
- Having a hard time linking my css and JS files on a Boostrap to WP conversion
- Reduce font size [closed]
- Using css class selectors on a specifc page [closed]
- How can I force the WordPress visual editor to preserve the line breaks after paragraphs?
- How to create CSS Counters for Comments (depth 5)?
- Override All CSS with Custom CSS on a Page by Page Basis
- padding not working
- Hide Some Fields of Post Submit box
- New Styles Not Rendering On Mobile Phone and Tablet
- My Child Theme CSS Isn’t Working
- How to prevent a style sheet to affect a header.php or footer.php?
- How do I make a child theme’s style.css load after plugin css?
- WordPress – Portfolio – Change number of items in a row
- Floated element floats into post content in IE, Safari, and Chrome
- How can I pass a variable from PHP to LESS?
- Large Unwanted Space at the Bottom of Blog Posts [closed]
- Create a body div using CSS [closed]
- change the icon of a custom post type in WordPress to use twitter boostrap
- How would I use a media query to make my entire theme responsive or fluid? [closed]
- Clear white line off page [closed]
- Strange symbols on page [closed]
- How to include Elementor CSS in custom php file [closed]