Wheat Academy bootstrap introductory video material sharing

Bootstrap is one of the most popular front-end frameworks released by Twitter. Bootstrap is based on HTML, CSS, and JAVASCRIPT. It is simple and flexible. It completely and perfectly encapsulates common CSS layouts, commonly used components, and JavaScript plug-ins, allowing inexperienced front-end engineers and back-end development engineers to quickly master and use it. It greatly improves development efficiency, and it also standardizes the front-end team's writing of CSS and JavaScript to a certain extent. In short, learning Bootstrap allows you to easily develop responsive WEB projects. "Wheat Academy bootstrap introductory video tutorial" will help you get started with bootstrap easily.

Video playback address: http://www.php.cn/course/324.html

Homepage> html Tutorial > Text

Li Yanhui bootstrap video material sharing

Author: default|Label: bootstrap video material sharing|2017-8-30 16:12

Bootstrap, from Twitter , is currently a very popular front-end framework. Bootstrap is based on HTML, CSS, and JAVASCRIPT. It is simple and flexible, making Web development faster. It was jointly developed by Twitter designers Mark Otto and Jacob Thornton and is a CSS/HTML framework. Bootstrap provides elegant HTML and CSS specifications, which are written in the dynamic CSS language Less. Bootstrap has been very popular since its launch and has been a popular open source project on GitHub, including NASA's MSNBC (Microsoft National Broadcasting Company) Breaking News. Some frameworks that are familiar to domestic mobile developers, such as the WeX5 front-end open source framework, are also performance optimized based on the Bootstrap source code.

Video playback address: http://www.php.cn/course/387. html

Note when learning:

*Bootstrap is an open source toolkit for front-end development launched by Twitter. It was developed by Twitter designers Mark Otto and Jacob Thornton and is a CSS/HTML framework. Bootstrap provides elegant HTML and CSS specifications, which are written in the dynamic CSS language Less. Bootstrap has been very popular since its launch and has been a popular open source project on GitHub, including NASA's MSNBC (Microsoft National Broadcasting Company) Breaking News. *

Bootstrap is developed based on the jQuery framework. It is more personalized and user-friendly based on the jQuery framework, forming its own unique website style and compatible with most jQuery plug-ins. .

The source code of Bootstrap is written using less

The js effects of Bootstrap are all based on jquery, so generally the jquery code must be introduced first

Use:

Introduce bootstrap.min.css file

Simple case 1:

--See what effect it will have

table-striped can set the background of odd-numbered rows to grey.

table-bordered can make the border display.

table-hover can make the background of the mouse-hovered row gray

table-condensed can make the row spacing smaller.

<table class="table">
<tr>
<td class="active">姓名</td>
<td class="success">年龄</td>  成功或积极动作
<td class="warning">职业</td> 注意
</tr>
<tr>
<td class="danger">张三</td> 危险
<td>18</td>
<td>程序员</td>
</tr>
</table>

Responsive table Bootstrap3.0 new special effects

--This will automatically appear a horizontal scroll bar when viewed on a small screen , the big screen disappears automatically

Teacher’s teaching style:

The teacher’s lectures are vivid, witty, witty, and touching. A vivid metaphor is like the finishing touch, opening the door to wisdom for students; a well-placed humor brings a knowing smile to students, like drinking a glass of mellow wine, giving people aftertaste and nostalgia; a philosopher's aphorisms, cultural references Proverbs are interspersed from time to time in the narration, giving people thinking and warning.

The above is the detailed content of Wheat Academy bootstrap introductory video material sharing. For more information, please follow other related articles on the PHP Chinese website!