본문 바로가기

분류 전체보기751

[bootstrap] 부트스트랩 – 선택적 아이콘 사용 인라인(inline) 방식 부트스트랩 선택적 아이콘 사용 인라인 예제입니다. 2016. 1. 28.
[bootstrap] 부트스트랩 – 선택적 아이콘 사용(With optional icons) – 수평 배열 부트스트랩에서는 유효성 검증을 시각적으로 나타내기 위하여 아이콘을 추가할 수 있습니다. div 태그에 .has-feedback 선택자를 사용하고 부트스트랩 아이콘을 추가했습니다. 아이콘 코드에는 .form-control-feedback 선택자를 추가해서 색상이 변경되게 했으며 폼에 사용되는 .form-control 선택자가 있어야 제대로 표시됩니다. aria-describedby 는 웹 접근성 때문에 추가되었습니다. 2016. 1. 28.
[bootstrap] 부트스트랩 – 선택적 아이콘 사용(With optional icons) 부트스트랩에서는 유효성 검증을 시각적으로 나타내기 위하여 아이콘을 추가할 수 있습니다. div 태그에 .has-feedback 선택자를 사용하고 부트스트랩 아이콘을 추가했습니다. 아이콘 코드에는 .form-control-feedback 선택자를 추가해서 색상이 변경되게 했으며 폼에 사용되는 .form-control 선택자가 있어야 제대로 표시됩니다. aria-describedby 는 웹 접근성 때문에 추가되었습니다. 2016. 1. 28.
[bootstrap] 부트스트랩 – 폼 유효성 상태 (Validation states) 예정된 값이 입력되지 않았을 때 다양한 형태로 에러메시지를 내보내는데 사용합니다..has-error : 에러 .has-warning : 경고 .has-success : 성공 프로그래밍 방식으로 예정된 값이나 형식이 아닌 경우 클래스 선택자가 활성화 되게 해야 합니다..control-label : label 태그에 사용 .help-block : 메시지에 사용 2016. 1. 28.
[bootstrap] 부트스트랩 – 읽기 전용 상태(Readonly state) 부트스트랩에서도 readonly 속성만 추가하시면 됩니다. 2016. 1. 28.
[bootstrap] 부트스트랩 – 비활성 필드셋(Disabled fieldsets) … 필드셋의 모든 폼을 한번에 비활성화시킬 수 있습니다. 2016. 1. 28.
[Wordpress] 워드프레스 설치된 것을 다시 설치하려면? 이미 워드프레스가 설치돼 있는데,다시 초기상태로 다시 설치하려면 어떻게 해야 할까요? 가장 간단한 방법은..DB의 모든 테이블을 삭제하고, 워드프레스의 모든 파일을 삭제하고 다시 다운로드 받아서 설치하는 것입니다. 그런데, 이보다 더 간단한 방법은...1. DB의 모든 테이블을 삭제한다.2. 워드프레스 루트 폴더에 있는 .haccess와 wp-config.php 파일을 삭제하고 다시 셋팅한다. 1. 먼저 DB의 모든 테이블을 삭제하세요. 2. 워드프레스 루트 폴더에 있는 .htaccess와 wp-config.php 파일을 삭제하세요.이 두 파일은 워드프레스를 처음 설치할 때 생기는 파일입니다.이 두 파일만 지우면 다시 워드프레스를 설치할수가 있습니다. 이렇게 하고 나서 워드프레스 주소를 브라우저에서 입력.. 2016. 1. 27.
[bootstrap] 부트스트랩 – 비활성 상태(Disabled state) 부트스트랩에서는 .disabled 클래스로 비활성화 시킬 수 있습니다. 2016. 1. 27.
[bootstrap] 부트스트랩 – 정적인 콘트롤(Static control) 폼 입력 상자가 아닌 단순한 텍스트를 폼 요소로 표현하고자 할 때 사용합니다. 예를들면, 로그인된 사용자의 아이디나 이메일을 표시해 별도의 입력 절차를 거치지 않게 하는데 사용합니다. 정적인 컨트롤에는 p 태그와 .form-control-static 선택자를 사용합니다. 2016. 1. 27.
[bootstrap] 부트스트랩 – 선택 상자(selectbox) / 드롭다운(dropdown) selectbox의 부트스트랩 표현법입니다.… 한개만 선택시 … 여러개 선택시 2016. 1. 27.
[bootstrap] 부트스트랩 – 레이블 텍스트가 없는 체크박스와 라디오버튼 체크박스나 라디오버튼에 레이블 텍스트가 없으면 웹 접근성에 위배되므로 HTML5의 aria- 속성을 이용합니다. 예제 소스처럼 만들면 되는데 부트스트랩에서는 인라인 방식으로는 지원하지 않고 블록 형태의 체크박스와 라디오 버튼만 가능합니다. 2016. 1. 27.
[bootstrap] 부트스트랩 – 인라인 체크박스와 라디오버튼 (Inline checkbox & radio button) .checkbox-inline 또는 .radio-inline 클래스를 사용하시면 됩니다. 체크박스와 라디오버튼이 예쁘게 정렬됩니다. 2016. 1. 27.
[bootstrap] 부트스트랩 – 체크박스와 라디오버튼 (checkbox & radio button) 체크박스는 목록에서 하나 이상의 옵션을 선택할 때 사용하고 라디오버튼은 여러 개의 항목 중에서 하나만 선택할 수 있는 html 폼 요소인데요..disabled : 사용할 수 없게 한다. .checkbox : checkbox에 사용하는 클래스 .radio : radio 버튼에 사용하는 클래스 둘 다 예제에 있는 소스처럼 와 태그로 감싸서 사용하시면 됩니다. 2016. 1. 27.
[bootstrap] 부트스트랩 – textarea 태그 태그 안에 .form-control 클래스만 넣어주시면 됩니다. 2016. 1. 27.
[bootstrap] 부트스트랩 – input 태그 input 태그의 다양한 예제들을 확인해 보세요~ HTML5의 모든 type을 지원합니다. 2016. 1. 27.