이 기사에서는 귀하의 참조 열 정보를 작성합니다. 특정 내용은 다음과 같습니다
Google Chrome Parsing의 순서는로드 및 실행해야합니다.
$ (wind
참고 : Firefox 브라우저의 경우 Ctrl+Shift+M을 눌러 모바일 터미널 크기를 조정할 수 있습니다.
하위 열 제목 질문
<div> <div> <hgroup> <h1> 정보 </h1> <h4> 기업 내부 교육의 최신 뉴스, 자원 등 ... </h4> </hgroup> </div> </div>
열 CS
.Jumbotron {마진 : 50px 0 0 0; 패딩 : 60px 0; 배경 : #CCC URL (../ img/bg.jpg); 색상 : #ccc;}. Jumbotron H1 {font-size : 26px; // 768,30; 992,33; 1200,36; 패딩 : 0 0 20px;}. Jumbotron H4 {font-size : 16px; // 768,16; 992,17; 1200,18 패딩 : 0 0 20px;}정보 내용
<div id = "Information"> <div> <div> <div> <div> <div> <div> <div> <img src = "IMG/info1.jpg"> </div> <div> <h4> 라디오, 영화 및 TV를 발표 한 국가 관리 TVOS2.0 및 Huawei Alibaba의 국가 관리 </h4 <PoS2.0 <PoS2.0은 NEVER의 TV에서 참여했습니다. TVOS1.0, Huawei Mediaos 및 Alibaba Yunos의 통합. 화웨이는 주로 개발 작업을 담당하며 Alibaba는 내장 TV 쇼핑몰을 담당합니다. </p> <p> admin 15/10/11 </p> </div> </div> </div> </div> </div> </div> <div> <h2> 인기있는 뉴스 </h2> </blockquote> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <impx 0; 패딩 : 0; </div> <div style = "Padding-Right : 0"> <h4> 제목 </h4> <p> admin 15/10/11 </div> </div> </div> </div> </div> </div> </div> </div> </div>
정보 컨텐츠 CSS
#information {패딩 : 40px 0; 배경 : #eee;}. info-right {background-color : #ffff; Box-Shadow : 2px 2px 3px #ccc;}. info-right blockquote {패딩 : 0; 여백 : 0;}. 정보 권리 H2 {font-size : 20px; 패딩 : 5px;}. info-right h4 {line-height : 1.6;}. info-content {background-color : #ffff; Box-Shadow : 2px 2px 3px #ccc; 마진 : 0 0 20px 0;}. 정보-콘텐츠 img {마진 : 12px 0;}. 정보-콘텐츠 h4 {font-size : 14px; // 768,16; 992,18; 1200,20; 패딩 : 2px 0 0;}. 정보-콘텐츠 p {line-height : 1.6; 색상 : #666;}.info-content h4의 경우 중간 및 큰 화면에는 한 줄이 필요합니다.
.info-content h4 {오버플로 : 숨겨; 흰색 공간 : Nowrap; 텍스트 오버 플로우 : 타원체;}여전히 심도있게 공부하고 싶다면 여기를 클릭하여 3 가지 흥미로운 주제를 공부하고 첨부 할 수 있습니다.
부트 스트랩 학습 튜토리얼
부트 스트랩 실용 튜토리얼
부트 스트랩 플러그인 사용 튜토리얼
위의 것은 부트 스트랩 프로덕션 부하의 정보 내용을 닫으려는 코드입니다. 나는 모두가 그것을 좋아하기를 바랍니다.