Li Yanhui bootstrap video information sharing

Bootstrap, from Twitter, is 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 based on performance optimization of the Bootstrap source code.

Video playback address: http: //m.sbmmt.com/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 appear.

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

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