1.0.0 • Published 8 years ago
responsiva v1.0.0
Responsiva version 0.2
##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
- 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>
1.0.0
8 years ago