HTML



bootstrap layout

작성일 19-04-26 20:34

페이지 정보

작성자최고관리자 조회 144회 댓글 0건

본문

align center

"row" 클래스 안의 span을 가운데로 정렬하고 싶을 땐

<div class="container"></div> 를 사용한다.

가로 화면을 100% 사용하고 싶다면

<div class="container-fluid"><div class="row-fluid">를 사용한다.

<!DOCTYPE html> <html lang="ko"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>부트스트랩 101 템플릿</title> <!-- 부트스트랩 --> <link href="css/bootstrap.min.css" rel="stylesheet"> </head> <body> <!--가운데 정렬을 사용하고 싶을 때는 container라는 클래스의 div를 생성한다.--> <div class="container" > <div class="row"> <div class="span4" style="background-color: aquamarine">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugit reiciendis nisi saepe nulla nobis error quidem inventore quisquam architecto totam harum ipsum eveniet, debitis aspernatur dolorum, sunt in blanditiis. Repellendus?</div> <div class="span8 " style="background-color: darkgray">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore obcaecati doloribus ipsam maiores iure modi necessitatibus vero eveniet ea quod. Earum quibusdam adipisci natus quod enim vero, illum necessitatibus sed?</div> </div> </div> <br/> <br/> <br/> <!--가로화면 100%를 사용하고 싶은 경우에는 container-fluid, row-fluid로 변경--> <div class="container-fluid"> <div class="row-fluid"> <div class="span4" style="background-color: aquamarine">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugit reiciendis nisi saepe nulla nobis error quidem inventore quisquam architecto totam harum ipsum eveniet, debitis aspernatur dolorum, sunt in blanditiis. Repellendus?</div> <div class="span8 " style="background-color: darkgray">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore obcaecati doloribus ipsam maiores iure modi necessitatibus vero eveniet ea quod. Earum quibusdam adipisci natus quod enim vero, illum necessitatibus sed?</div> </div> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> <script src="js/bootstrap.min.js"></script> </body> </html>

추천0

비추천 0
  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기
  • 카카오톡으로 보내기

댓글목록

등록된 댓글이 없습니다.

전체 9건 1 페이지
게시물 검색

회원로그인

공지사항

  • 게시물이 없습니다.



Copyright © Dev. All rights reserved.

Warning: Unknown: write failed: Disk quota exceeded (122) in Unknown on line 0

Warning: Unknown: Failed to write session data (files). Please verify that the current setting of session.save_path is correct (/home/hosting_users/gksrnjstn3/www/data/session) in Unknown on line 0