A Swahili bootstrap that is built on the popular UI Bootstap framework from Twitter
# swahili-bootstrap
Swahili boostrap is a front-end UI framework that is built on top of the official Bootstrap framework from Twitter.
Link:
getbootstrap.com
It is built for the Swahili speaking communities.
You simply use it by adding CSS classnames into a particular HTML tag as shown below.
example: class="kitufe kitufe-bluu"
# installation
Add the following link to your HTML file as a CSS external link:
href="
cdn.jsdelivr.net"
Add the following link to your HTML file as a Javascript external link:
src="
cdn.jsdelivr.net"
IMPORTANT!
The links below contains resources needed to use Swahili-Bootstrap
CSS link:
cdn.jsdelivr.net
Javascript link:
cdn.jsdelivr.net
# DOCUMENTATION
# Colors
To give an element a particular color you simply add the specified CSS classes blow
bluu(blue)
Nyekundu(Red)
Kijivu(Grey)
Kijani(Green)
Njano(Yellow)
bluu-nyepesi(light blue)
Nyeupe(white)
Nyeusi(black)
example:
class="maandishi-bluu"
#Font size
To change the font size of your text you add the following classes to your HTML tags.
maandishi-1 (largest font size) to maandishi-6(smallest font size) you simply increment or decrement the last number.
Example: class="maandishi-4"
IMPORTANT maandishi is a classname to add text styles.
# Sizes
To add different sizes to your elements you add the following classes to your respective HTML tags
kubwa(large)
kubwa-zaidi(extra large)
kubwa-zaidi__zaidi(extra extra large)
kidogo(small)
kidogo-zaidi(extra small)
katikati(medium)
example: class="kitufe kitufe-kubwa"
IMPORTANT : kitufe adds button styles
# Background
To change the background color you use the class name usuli
example: class="usuli-nyeusi"
#Form
To add form styles ad …