분류 전체보기751 [bootstrap] 부트스트랩 – .nav – 탭 전체 정렬 탭을 전체 너비로 그려주는 선택자는 .nav-justified 를 사용하면 됩니다. 아래 실행에서 [새창으로 보기] 클릭해서 확인하세요~ 2016. 2. 1. [bootstrap] 부트스트랩 – .nav – 탭 – 필(Pills) 우측 정렬 필을 우측으로 정렬하려면 아래와 같이 그리드 선택자를 사용합니다. 칼럼 순서가 바뀌도록 .col-sm-push-* 선택자를 사용합니다.… … 2016. 2. 1. [bootstrap] 부트스트랩 – .nav – 필(Pills) 좌측 정렬 필을 좌측으로 정렬하려면 아래와 같이 그리드 선택자를 사용합니다.… … cols-sm-* 의 합은 12여야 하는데, 3과 9를 사용해서 좌측으로 정렬되도록 구현했습니다. .cols-sm-4 .cols-sm-8 을 사용해도 너비만 조금 변하게 되고 좌측 정렬이 됩니다. 2016. 2. 1. [bootstrap] 부트스트랩 – .nav – 필(Pills) 기본형 필은 .nav-tabs 대신 .nav-pills를 사용하면 됩니다. .nav-pills 와 함께 .nav-stacked를 함께 사용하시면 됩니다.… 2016. 2. 1. [bootstrap] 부트스트랩 – .nav – 사이드웨이 탭 (탭 90도 회전) 부트스트랩의 탭에서 한가지 특이한 레이아웃이 있는데, 탭 목록의 글자를 세로로 만들 수가 있습니다. .sideways 선택자를 추가하면 됩니다. 이 .sideway를 사용하기 위해서는 별도의 플러그인이 필요합니다. https://github.com/dbtek/bootstrap-vertical-tabs 여기서 파일을 다운로드 받아서 링크를 걸어주면 됩니다. 사이에 다운로드 받은 css 파일의 경로로 다음과 같이 링크해 주세요. => 추천 2016. 2. 1. [bootstrap] 부트스트랩 – .nav – 우측 탭 탭을 왼쪽이나 오른쪽으로 배치하려면 별도의 플러그인이 필요합니다. https://github.com/dbtek/bootstrap-vertical-tabs 여기서 파일을 다운로드 받아서 링크를 걸어주면 됩니다. 사이에 다운로드 받은 css 파일의 경로로 다음과 같이 링크해 주세요. => 추천 .tabs-right 클래스를 사용하여 탭을 왼쪽으로 배치할 수 있습니다. 2016. 2. 1. [bootstrap] 부트스트랩 – .nav – 좌측 탭 탭을 왼쪽이나 오른쪽으로 배치하려면 별도의 플러그인이 필요합니다. https://github.com/dbtek/bootstrap-vertical-tabs 여기서 파일을 다운로드 받아서 링크를 걸어주면 됩니다. 사이에 다운로드 받은 css 파일의 경로로 다음과 같이 링크해 주세요. => 추천 .tabs-left 클래스를 사용하여 탭을 왼쪽으로 배치할 수 있습니다. 2016. 2. 1. [bootstrap] 부트스트랩 – .nav – 탭 예제 부트스트랩 .nav 클래스를 이용한 만든 탭과 드롭다운 예제인데 참고하세요~ 2016. 2. 1. [bootstrap] 부트스트랩 – 입력상자에 버튼 추가 기본 형태의 입력박스에 버튼을 추가한 형태입니다. 버튼을 왼쪽, 오른쪽에 추가한 예제네요. 2016. 2. 1. [bootstrap] 부트스트랩 – 입력상자에 체크박스와 라디오버튼 추가 기본 형태의 입력 박스에 체크박스와 라디오버튼을 추가한 형태입니다. 2016. 2. 1. [bootstrap] 부트스트랩 – 입력상자 그룹(Input groups)의 사이즈 입력상자 그룹의 크기는 총 3개입니다.기본 크기 .input-group-lg .input-group-sm 다음과 같이 .input-group 과 함께 사용하면 됩니다.… 2016. 2. 1. [bootstrap] 부트스트랩 – 입력상자 그룹(Input groups) – 기본 형태 부트스트랩에서 다음과 같이 입력상자를 그룹으로 묶을 수 있습니다. 아래와 같이 .input-group과 .input-group-addon 선택자를 사용합니다. @ 2016. 2. 1. [어플] T맵도 공짜, 블랙박스도 공짜로 사용하기 통신사 SKT를 이용하신다면 T맵이 공짜랍니다.그런데, T맵을 이용하신다면 블랙박스도 공짜로 이용할 수 있습니다. 그렇다고 블랙박스를 공짜로 준다는 건 아니구요.스마트폰의 카메라를 이용해서 블랙박스 영상을 자동으로 만들어 준다는 거죠. 사용법도 간단합니다.설정만 해놓으면 자동으로 주행시 블랙박스가 작동하니까요. T맵을 열어서 아래 그림들을 따라 설정하시면 됩니다. 블랙박스를 사용으로 해 놓았으니 앞으로 주행시 자동으로 블랙박스가 작동할 겁니다. 저장된 블랙박스 영상들은 여기서 확인하시면 되구요. 저장용량이 커서 핸드폰 메모리를 다 차지할까 걱정이 되신다면...저장용량을 제한해 놓으시면 됩니다. 저는 1GB로 제한해 놓았는데요. 1GB가 넘게 되면 가장 오래된 파일부터 자동으로 삭제하고 저장됩니다. T c.. 2016. 1. 31. [bootstrap] 부트스트랩 – 버튼 그룹의 다양한 크기 버튼 그룹은 총 3가지 크기가 있는데요. 사이트에 맞게 class에 사용하시면 됩니다..btn-group-lg .btn-group-sm .btn-group-xs 2016. 1. 31. [bootstrap] 부트스트랩 – 버튼 툴바(버튼 그룹의 묶음) 버튼을 그룹으로 묶은 것을 다시 그룹화 한 것이 버튼 툴바랍니다. .btn-toolbar 와 role=”toolbar” 속성을 추가해서 구현합니다. … … … 2016. 1. 31. 이전 1 ··· 14 15 16 17 18 19 20 ··· 51 다음
