https://github.com/jimulle/bootstrap-grid-float-fix

Simple fix for floated grid elements of varying sizes (using inline-block)
https://github.com/jimulle/bootstrap-grid-float-fix

Last synced: about 1 month ago
JSON representation

Simple fix for floated grid elements of varying sizes (using inline-block)

• Host: GitHub
• URL: https://github.com/jimulle/bootstrap-grid-float-fix
• Owner: jimulle
• Created: 2015-09-22T04:03:09.000Z (about 9 years ago)
• Default Branch: master
• Last Pushed: 2015-09-22T20:58:56.000Z (about 9 years ago)
• Last Synced: 2023-02-26T07:11:52.194Z (over 1 year ago)
• Language: CSS
• Size: 438 KB
• Stars: 4
• Watchers: 4
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# bootstrap-grid-float-fix

Simple fix for floated grid elements of varying sizes (using inline-block)

Changes the grid elements to inline-block which allows us to alleviate the annoying float issues when elements flow over to a new row.







CSS Usage:


Simply add the CSS to your page's main CSS file (or add the CSS file iself as a link).

SASS Usage:


Add `@import "col-fix";` to your bootstrap.scss file

HTML Setup:


Add the class `col-fix` to all elements within the row that needs fixed


example: 

```



  
...

  
...

  
...

  ...



```