Bootstrap Dr Thanuwong Chaksupa What is Bootstrap Frontendframework

  • Slides: 9
Download presentation
Bootstrap Dr. Thanuwong Chaksupa

Bootstrap Dr. Thanuwong Chaksupa

What is Bootstrap • Front-end-framework • ���������� CSS ��� Java. Script • ���� set

What is Bootstrap • Front-end-framework • ���������� CSS ��� Java. Script • ���� set ����� tag HTML

ความสามารถ • attractive navigation bar, stylish, buttons, nice typography, placeholders for texts and images,

ความสามารถ • attractive navigation bar, stylish, buttons, nice typography, placeholders for texts and images, a big image slider, and more • All the CSS classes and Java. Script code needed are already included in the Bootstrap package • Grid System for Mobile and Responsive Web Design

���� • Example : <a href="http: //www. google. com" class="btn btnprimary"> Visit Google</a>

���� • Example : <a href="http: //www. google. com" class="btn btnprimary"> Visit Google</a>

Origins of Bootstrap • ��������. � 2011 ��� Mark Otto ��� Jacob Thornton, a

Origins of Bootstrap • ��������. � 2011 ��� Mark Otto ��� Jacob Thornton, a pair of web developers at Twitter • Bootstrap 2. 0. 0. ����� responsive framework • Bootstrap 3 in 2013 was another significant release, becoming a “Mobile First and always responsive” framework ������ compatible ���

Overview of Responsive Web Design • change its layout on the go. • works

Overview of Responsive Web Design • change its layout on the go. • works on any kind of device: mobiles, tablets, smart TVs, and PCs. • generally fluid designs • powerful web apps that replace native apps on platforms such as i. OS and Android.

Adjusting a Layout Based on Screen Size

Adjusting a Layout Based on Screen Size

Getting Bootstrap Ready • download the latest 3. x. x version @ http: //getbootstrap.

Getting Bootstrap Ready • download the latest 3. x. x version @ http: //getbootstrap. com • copy the following folders • Create a project folder d: Bootstrap_demos • Paste the above folders into this project folder