bootstrap
-
[bootstrap] <select>에 MSG를 끼얹나? (bootstrap-select)ETC 2017. 8. 13. 12:29
URL : http://silviomoreto.github.io/bootstrap-select/ HTML의 드롭다운메뉴 태그인 를 부트스트랩으로 직접 테마를 적용할 수 있긴 하지만, 방법이 제한적이며 사용이 까다롭다는 단점이 있다. (그냥 없는셈 치는게 정신건강에 이롭다.) 이를 말끔히 해결할 수 있는 도구가 바로 bootstrap-select이다. 호출방법은 아래와 같다. Mustard Ketchup Relish 또는 자바스크립트로도 가능하다. $('select').selectpicker(); 적용 후 웹 사이트를 실행하면 원래의 태그를 숨기고 ,, 태그조합으로 메뉴를 재생성하기 때문에 직접적인 css 적용은 어렵다. 다만 플러그인에서 디자인 적용을 위한 옵션을 제공하니 해당 옵션을 사용하면 된다. 예..
-
[bootstrap] 부트스트랩을 더 아름답게 (bootswatch.com)ETC 2017. 5. 22. 23:43
URL : https://bootswatch.com/ 17가지의 부트스트랩 테마를 제공하는 사이트. 오픈소스이며 MIT 라이선스이기 때문에 사용 및 수정에 제약이없다. 해당 사이트로 들어가서 아래로 스크롤을 하면 제공하는 테마별 Preview와 Download 버튼이 있다. Download 버튼 옆에 css, less, scss 형식의 부트스트랩 테마 소스가 있으니 원하는 것을 찾아 선택하면 된다. 일부 브라우저에선 다운로드 메뉴가 아닌 파일자체가 브라우저로 열릴 수도 있다. 그땐 당황하지말고 Ctrl+S를 눌러 저장하면 된다. 해당 테마는 CDN 서비스로도 제공한다. CDN 서비스는 아래사이트로 들어가면 확인할 수 있다. CDN 서비스 URL : https://www.bootstrapcdn.com/bo..