##Responsiva's updated docs & examples HERE
###Open Source Responsive CSS Framework
- Simple and lightweight responsive CSS framework
- Built-in RTL support ([responsiva.rtl.css])
- Created by developers for developers
- Very clean grid system
[Created by developer for users and developers =)]
###Examples:
#####[Simple grid System]: DEMO Link #####[Simple grid RTL version]: RTL DEMO #####[Stuck grid system]: DEMO Link
####Usage
- install with bower:
bower install responsiva
- install with npm:
npm install responsiva
- add responsiva.css to your HTML/Theme:
<link rel="stylesheet" type="text/css" href="responsiva.css">- to add RTL support to your HTML/Theme add respondiva.rtl.css after the main responsiva.css file:
<link rel="stylesheet" type="text/css" href="responsiva.rtl.css">- build your grid system (for example):
<div class="main_container">
<div class="row">
<div class="col-12">col-12</div>
</div>
<div class="row">
<div class="col-6">col-6</div>
<div class="col-6">col-6</div>
</div>
<div class="row">
<div class="col-5">col-5</div>
<div class="col-7">col-7</div>
</div>
</div>- example with specific mobile grid system:
<div class="main_container">
<div class="row">
<div class="col-8 mob-6">desktop-8 mobile-6</div>
<div class="col-4 mob-6">desktop-4 mobile-8</div>
</div>
</div>