부트스트랩 UI 편집기
다음은 최고의 Bootstrap 편집기 또는 온라인 편집 도구 15개입니다.
1. Bootstrap Magic
최신 Bootstrap 3 버전과 Angular JS 버전을 사용하여 사용자 수정 사항을 생생한 미리보기로 제공하는 Bootstrap 테마 생성기입니다. 여기에는 다양한 가져오기, 색상 선택기 및 스마트 자동 검색 기능이 포함되어 있습니다. 더욱 놀라운 점은 Bootstrap이 각 사용자의 선택에 따라 이력서를 재구성하여 사용자가 더 쉽게 다운로드하고 사용할 수 있도록 한다는 것입니다.
2. BootSwatchr
BootSwatchr는 Drew Strickiand가 독립적으로 개발하고 유지관리하는 유일한 Bootstrap 사용자 정의 빌드 도구로서 오른쪽에서 왼쪽으로의 언어 표시도 지원합니다. BootSwatchr은 처음부터 Bootstrap 테마를 만들기 위한 시각적 도구입니다.
3. Bootstrap Live Editor
Bootstrap Live Editor는 Bootstrap 구축을 위한 WYSIWYG 편집기입니다. Bootstrap이 준비한 콘텐츠와 코드 조각을 기반으로 html을 편집하고 아름답게 하는 훌륭하고 우아한 방법을 제공하므로 현명한 선택입니다. 또한 버튼 구성, 사용자 정의 라벨, 사용자에게 가장 많은 정보를 제공하고 유익한 선택과 같은 고급 옵션이 포함되어 있습니다.
4. Fancy Boot
Fancyboot는 사용자가 Bootstrap 구성을 편집하고 수정 결과를 자동으로 미리 볼 수 있게 해주는 매우 유용한 Bootstrap 사용자 정의 도구입니다. 슬라이딩 메뉴를 통해 사용하려는 플러그인과 구성요소를 선택할 수 있습니다. 사용자가 적절한 변경을 수행하면 사용자가 사용하는 jQuery 플러그인이 포함된 컴파일되고 단순화된 CSS 파일을 다운로드할 수 있습니다.
5. 스타일 부트스트랩
스타일 부트스트랩은 사용자가 트위터 부트스트랩의 모양을 사용자 정의하는 데 도움이 되는 훌륭한 내장 브라우저 GUI 유틸리티입니다. 사용자 정의하는 것은 매우 쉽습니다. 바디 스타일, 타이포그래피, 버튼, 탐색, 서식, 알림 프롬프트 및 기타 요소를 사용자가 원하는 대로 쉽게 사용자 정의할 수 있습니다. 강력한 사용자 정의 기능 외에도 다운로드 가능한 CSS 파일을 쉽게 생성할 수 있습니다.
6. Lavish
Lavish는 사용자가 이미지에서 좋아하는 Bootstrap 색상 구성표를 맞춤 설정할 수 있는 도구입니다. 사용자는 이미지에서 다양한 색상을 선택하여 본문 배경, 링크, 헤더, 메뉴, 라벨, 텍스트, 드롭다운 메뉴 및 기타 요소에 사용할 수 있습니다. Bootstrap 색 구성표를 결정하면 해당 Boostrap.css 파일을 쉽게 다운로드할 수 있습니다.
7. Bootstrap ThemeRoller
Bootstrap ThemeRoller는 사용자가 자신의 스타일에 따라 자신만의 Bootstrap 테마를 만들 수 있도록 시각적 인터페이스를 제공하는 직관적인 웹 애플리케이션입니다. 이 도구를 사용하면 사용자는 색상, 크기, 글꼴, 형식, 표, 버튼, 경고 메시지, 탐색 모음, 메뉴 및 기타 요소를 사용자 정의할 수 있습니다. 또한 이 애플리케이션은 사용자가 만든 각 스타일에 대해 고유한 URL을 생성하므로 모든 사용자 설정이 저장될 수 있습니다. 더욱 놀라운 점은 사용자가 떠날 때 사용자가 사용자 정의된 페이지를 중지하거나 다시 시작할 수 있다는 것입니다.
8. LayoutIt!
LayoutIt! 드래그 앤 드롭 인터페이스 기능을 사용하면 Bootstrap 프런트엔드 코드를 쉽고 빠르게 구축할 수 있습니다. 레이아웃잇! 모든 프로그래밍 언어와 호환되므로 사용자는 여기에서 HTML을 다운로드하고 자유롭게 코딩 설계를 수행할 수 있습니다.
9. Pingendo
Pingendo는 사용자가 인기 있는 Twitter Bootstrap 프레임워크를 사용하여 반응형 웹 페이지 프로토타입을 만들 수 있는 시각적 데스크톱 애플리케이션입니다. Pingendo는 또한 다양한 기성 레이아웃, 드래그 앤 드롭 요소 위치 지정, 크기 조정 및 사용자 정의 기능을 제공합니다. 사용자는 자신의 페이지를 직접 최적화하고 자신의 콘텐츠를 삽입할 수 있습니다.
10. Kickstrap
Kickstrap은 Firebase를 백엔드 서비스로 사용하는 Bootstrap UI 편집기입니다. Bootstrap과 최고의 웹 기술을 완벽하게 통합합니다. 더 좋은 점은 로컬 백엔드 지원이 필요하지 않은 검증된 데이터베이스 기반 웹 애플리케이션을 실행할 수 있다는 것입니다.
11. Bootply
Bootply는 사용자가 Bootstrap 친화적인 CSS, HTML 및 Javascript를 최대한 쉽게 편집할 수 있게 해주는 훌륭한 Bootstrap UI 편집 도구입니다. 또한 Bootstrap 프레임워크를 설계, 프로토타입화 및 테스트하기 위한 드래그 앤 드롭 시각적 편집기이기도 합니다. Bootply에는 Bootstrap 코드 조각, 예제 및 템플릿이 포함된 코드 저장소가 있습니다. 위의 내용 외에도 더욱 매력적인 점은 사용자가 관련 코드와 스니펫을 쉽게 검색, 공유 및 표시할 수 있는 매우 활동적인 Bootply 커뮤니티가 있다는 것입니다.
12. X-editable
X-Editable은 사용자가 페이지 팝업 및 인라인 모드와 같은 편집 가능한 요소를 만들 수 있는 확장 라이브러리입니다. 기본 Bootstrap, jQuery UI 또는 순수 jQuery 편집 기능을 제공합니다. 이 Bootstrap UI 편집기에는 클라이언트 측 및 서버 측 유효성 검사, 키보드 지원, 라이브 이벤트, 사용자 정의 가능한 컨테이너 공간 등을 포함한 많은 강력한 기능이 있습니다. 전체적으로 매우 빠른 개발 기능, 손쉬운 필드 삭제, 데이터 업데이트를 위한 간단한 백그라운드 스크립트를 제공합니다.
13. Jetstrap
Jetstrap은 100% 웹 인터페이스 기반의 Twitter Bootstrap 구축 도구일 뿐이라고 생각하지 마세요. 사용자는 Jetstrap을 사용하기 위해 어떤 유형의 소프트웨어도 다운로드할 필요가 없습니다. 사용자는 로그인하고, 자신의 프로젝트를 구축하고, 언제 어디서나 액세스하기만 하면 됩니다. 구축 기능은 주로 개발자와 디자이너에게 제공됩니다. Jetstrap을 통해 사용자는 쉽게 아름다운 웹사이트를 만들 수 있으며, 실행 속도도 매우 빠릅니다
14. DivShot
DivShot은 mockup 도구만큼 간단하고 깔끔한 시각적 프런트 엔드 개발 텍스트 편집기입니다. 다양한 프레임워크에 필요한 다양한 맞춤형 구성 요소 라이브러리를 포함하여 제공하는 최고의 도구 중 하나입니다. 또한 사용자가 테마를 수정할 수 있도록 테마 변환기가 포함되어 있습니다. 평가판은 무료입니다. 평가판 기간 이후에는 원래 서비스를 유지하려면 비용을 지불해야 합니다.
15. PaintStrap
PaintStrap은 Adobe kuler/COLOURlovers 색상 조합을 사용하여 아름다운 Twitter Bootstrap 테마를 생성합니다. 이 도구는 설치가 매우 쉽고 CSS 파일을 쉽게 다운로드하여 다른 표준 파일로 교체할 수 있습니다.