Bootstrap: Càng học càng vui, càng học càng thấy ngấm. Mỗi ngày học một chút một chút…

bootstrap-tutorial

learn bootstrap and front-end devloper by w3school and edumall course

Website 1

Bootstrap basic:

1. Menu
2. Button
3. Image

Website 2

Bootstrap class:

1. List-group
2. Carousel ảnh
3. Icon glyphicon

bonus: Left menu

## Website 3 Bootstrap tip and rewrite css of bootstrap:

1. simple hover of menu
2. write css file to overload style of bootstrap

Website 4

1. Write complete website step by step
   • Write HTML code with bootstrap class
   • Write CSS
   • First demo about Jquery

bonus: Google Web Fonts and Font Awesome Icons

ex:

fa fa-github

https://fonts.googleapis.com/css?family=Lato

Website 5

1. Responsive banner
2. Fix left or right menu open/close menu
3. emmbed google map

tip & trick:

• fa-3x : Nhân 3 icon lên
• background-size: cover : ảnh backgroup sẽ luôn full màn hình
• border-radius: 0px –> Không bo tròn button mặc định của bootstrap nữa
• border-radius: 50% –> bo tròn toàn bộ cả khung vuông.
• z-index: 3 –> cho phep 1 div duoc phep nam tren cac div khac

Còn tiếp