Li Yanhui 부트스트랩 영상 정보 공유

Twitter의 Bootstrap은 매우 인기 있는 프런트 엔드 프레임워크입니다. Bootstrap은 HTML, CSS 및 JAVASCRIPT를 기반으로 하며 간단하고 유연하여 웹 개발을 더 빠르게 만듭니다. Twitter 디자이너 Mark Otto와 Jacob Thornton이 공동으로 개발한 CSS/HTML 프레임워크입니다. Bootstrap은 동적 CSS 언어 Less로 작성된 우아한 HTML 및 CSS 사양을 제공합니다. Bootstrap은 출시 이후 큰 인기를 끌었으며 NASA의 MSNBC(Microsoft National Broadcasting Company) Breaking News를 포함하여 GitHub에서 인기 있는 오픈 소스 프로젝트였습니다. 일부 국내 모바일 개발자들은 WeX5 프런트엔드 오픈소스 프레임워크 등 프레임워크에 익숙하며, 이 프레임워크 역시 Bootstrap 소스코드를 기반으로 성능이 최적화되어 있습니다

영상 재생 주소: http://www. php.cn/course/387.html

학습 시 참고 사항:

*Bootstrap은 Twitter에서 출시한 프런트 엔드 개발용 오픈 소스 툴킷입니다. 트위터 디자이너 Mark Otto와 Jacob Thornton이 개발한 CSS/HTML 프레임워크입니다. Bootstrap은 동적 CSS 언어 Less로 작성된 우아한 HTML 및 CSS 사양을 제공합니다. Bootstrap은 출시 이후 큰 인기를 끌었으며 NASA의 MSNBC(Microsoft National Broadcasting Company) Breaking News를 포함하여 GitHub에서 인기 있는 오픈 소스 프로젝트였습니다. *

Bootstrap은 jQuery 프레임워크를 기반으로 개발되어 고유한 웹사이트 스타일을 형성하고 대부분의 jQuery 플러그인과 호환됩니다.

Bootstrap의 소스 코드는 less를 사용하여 작성되었습니다.

Bootstrap의 js 효과는 모두 jquery를 기반으로 하므로 일반적으로 jquery 코드를 먼저 도입해야 합니다.

사용법:

bootstrap.min.css 파일을 소개합니다.

Simple 사례 1:

--어떤 효과가 있는지 살펴보세요

table-stripe는 홀수 행의 배경을 회색으로 만들 수 있습니다.

table-bordered를 사용하면 테두리가 나타나게 할 수 있습니다.

table-hover를 사용하면 마우스를 얹은 행의 배경이 회색으로 변할 수 있습니다.

table-densed는 행 간격을 더 작게 만들 수 있습니다.

<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>

반응형 테이블 Bootstrap3.0 새로운 특수 효과

--작은 화면에서 볼 때 가로 스크롤 막대가 자동으로 나타나고 큰 화면은 자동으로 사라집니다

위 내용은 Li Yanhui 부트스트랩 영상 정보 공유의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!