Patch Bootstrap CSS to 24 columns grid
Add more column CSS classes (like .col-xs-11_5
, .col-sm-pull-1_5
, .col-md-push-9_5
, .col-lg-offset-0_5
,...) to Bootstrap 3 to support 24 columns grid.
Getting Started
Use this CSS file beside with Bootstrap CSS file like:
<!-- Bootstrap -->
See the Usage Examples for more details.
Components
24 columns grid
Width of .col-sm-1_5
equals to .col-sm-1
and a half; and so on...
.col-sm-3_5 .col-sm-8_5 .col-xs-5_5
Note that the new classes are not inheritance (e.g. .col-md-3_5
class only affect to md
devices, not sm
nor lg
devices). So, you need to use next-size column classes beside the custom classes like col-sm-3_5 col-md-3
, or col-md-7_5 col-lg-7
, or col-md-3_5 col-lg-2_5
,...
Colored tooltips
Colored Bootstrap tooltips with new CSS classes: .tooltip-success
, .tooltip-info
, .tooltip-warning
and .tooltip-danger
.
Hover over me
Colored modals
Now you can colored Bootstrap modals with CSS classes .panel-*
such as .panel-info
, .panel-warning
.
× Modal Header Some text in the modal. <!-- /.modal-content -->
No rounded corners
Add 2 new CSS classes to allow to prevent Bootstrap CSS rounded corners: .no-rounded
and .no-rounded-tip
.
pre.no-rounded and .img-thumbnail <!-- Tooltips -->.no-rounded-tip <!-- Popovers -->.no-rounded-tip
Add .no-rounded
class to any elements that you want to prevent rounded corners like: .form-control
, .btn
, .dropdown-menu
, .input-group-addon
, .nav-tabs
, .nav-pills
, .navbar
, .navbar-toggle
, .breadcrumb
, .pagination
, .alert
, .progress
, .list-group
, .panel
, .well
, .modal-content
,...
Extras
Labels in .form-horizontal
can be aligned left with existing .text-left
class.
Email * ...
Use .row-condensed
to make Bootstrap grids more compact by cutting column padding in half.
.col-md-7_5 .col-md-4_5
Support horizontal collapsing.
collapse X
Add new helper classes: .no-underline
, .bg-transparent
, .full-width
, .full-height
Development
Prerequisites
- Node.js >=4.0
Installing
npm install
Built With
npm run build
License
This project is licensed under the MIT License - see the LICENSE.md file for details