연습 또 연습.

  • 홈
  • 방명록

웹/Bootstrap 3

Bootstrap Grid System 이해하기

부트스트랩을 사용할 떄에는 부트스트랩에서 기본적으로 채택하고 있는 Grid System을 이해하는 것이 가장 중요하다. Grid System이란, 하나의 페이지 화면을 여러 개의 행과 열 단위로 분할하여 각각의 페이지 요소를 배치하는 방식이다. Grid System에서 중요한 것은, 기본적으로 페이지의 폭(가로)을 총 12개의 가상의 열로 분할하여 접근한다는 것이다. 그리드 시스템 예시 페이지를 보자. http://getbootstrap.com/examples/grid/ [0] container 모든 HTML요소는 박스 형태로 구성되어 있다. 부트스트랩에서도 마찬가지이다. 부트스트랩을 사용하기 위해서 가장 먼저 할 일은 "container"라는 이름의 클래스를 가지는 div요소를 만드는 것이다. ... ..

웹/Bootstrap 2014.09.01

Bootstrap 설치

리눅스 Bootstrap 설치방법 http://getbootstrap.com에 접속한다. Download Bootstarp 클릭. Download Bootstrap 링크 주소 복사 후 리눅스에서 wget zip 파일 압축 해제 : $ unzip bootstrap-3.1.1-dist.zip

웹/Bootstrap 2014.09.01

Bootstrap 개요

부트스트랩이란? 웹 페이지의 화면 구도, 폰트, 이미지, 버튼 등의 요소들의 다양한 디자인 옵션을 제공해주는front-end framework 다운로드는 http://getbootstrap.com

웹/Bootstrap 2014.09.01
1
더보기
  • 분류 전체보기 (172)
    • profile (0)
    • Programming (28)
      • C (6)
      • ruby (2)
      • python (12)
      • PS (3)
    • 웹 (4)
      • PHP (11)
      • Bootstrap (3)
      • MySQL (7)
      • 웹_기타 (6)
      • SQLi (5)
      • XSS (1)
      • JSP,tomcat (2)
    • pwnable (15)
      • Fuzzing (3)
      • Shellcoding (5)
      • arm (1)
    • Kernel (1)
      • Kernel Basics (0)
      • Kernel Exploits (1)
    • Reversing (1)
    • Rails (4)
    • AWS (6)
    • Linux (14)
    • AI (3)
    • write-up (1)
      • pwnable.kr (0)
      • webhacking.kr (19)
      • pythonchallenge.com (2)
      • CTF (2)
      • 라이트업 모음 (0)
      • LoB (1)
      • pwnable (5)
      • ctf.j0n9hyun.xyz (2)
      • pwnable.tw (0)
      • canhack.me (0)
      • knock.xss.moe (1)
    • Docker (3)
    • Android (1)
    • 문서 (4)
      • 시스템 문서 (2)
      • 리버싱 문서 (0)
      • 포렌식 문서 (0)
      • 웹 문서 (1)
      • 기타 문서 (1)
    • 기타 (7)

alkyne Choi

Copyright © Kakao Corp. All rights reserved.

티스토리툴바