부트스트랩 태그 입력 박스

작은 쓰레기 같은 놈들 · 게시됨 2018. 6. 11. 오후 2:37:56

태그 입력을 원한다면, 템플릿은 Bootstrap을 기반으로 합니다. 먼저 아래와 같은 효과를 보세요:

부트스트랩 태그 입력 오픈 소스 주소:https://github.com/bootstrap-tagsinput/bootstrap-tagsinput

웹 플러그인:jquery-3.3.1, bootstrap-4.1.1

먼저 Bootstrap Tags Input을 참고하고, CSS와 js 파일을 가져오세요. 딱히 할 말은 없습니다

다운로드 주소:http://timschlechter.github.io/b ... strap-tagsinput.zip

Bootstrap Tags Input은 부트스트랩 v3 버전 내의 플러그인입니다.제가 부트스트랩 v4 버전을 사용 중이라 문제가 생길 수 있습니다. 변경하지 않으면 입력 텍스트가 표시되지 않습니다. 부트스트랩 v4 버전은 더 이상 "라벨 라벨 정보" 스타일을 사용하지 않기 때문입니다。

HTML 코드:

로그인이 보이네요.

머리 머리에 다음 스타일을 추가하세요:

로그인이 보이네요.

JS 코드:

로그인이 보이네요.

소스 파일의 .bootstrap-tagsinput 스타일을 다음과 같이 수정bootstrap-tagsinput.css 있습니다:

로그인이 보이네요.

참고: 영어에서는 라벨이 쉼표로 구분되어 있으며, 중국어에서는 분리할 수 없습니다

[부츠스트랩] 부트스트랩 태그 입력 박스

관련 게시물

본 섹션