Як вказує назва, ось 25 безкоштовних ресурсів для Bootstrap. Якщо ви не знаєте, що таке Bootstrap або хочете дізнатися щось більше, перегляньте мою статтю Bootstrap для початківців.

Якщо ви вже знаєте цю чудову структуру, це безкоштовні ресурси для Bootstrap вони будуть вам корисні.

Офіційний Bootstrap

Незамінна його офіційна сторінка, що має велику кількість шаблони та документація.

Погана новина полягає в тому, що мова англійською мовою, і хоча є посилання на іспанську версію, вона не працює. Але не впадайте у відчай і продовжуйте читати.

безкоштовні

Посібник Bootstrap 3 іспанською мовою

Тим, хто не знає мови Шекспіра, я рекомендую Libros del Web, де вони переклали офіційний посібник версія 3. Нові функції, які з'являлися до поточної (Bootstrap v3.3.5) під час написання цієї статті, відсутні, але вона все ще є чудовим довідковим посібником.

Пігендо

Pigendo - це безкоштовна програма, доступна для Mac, Windows та Linux дозволяє створювати HTML-прототипи на основі в Bootstrap.

Використання інструментів з відкритим кодом, які використовує Bootstrap (серед них LESS та Fontawesome) Це дозволяє працювати візуально та за допомогою шрифтів одночасно, немає необхідності експортувати.

Легко інтегрується в набори інструментів розробника (Git, текстові редактори тощо) Це працює з Плоский HTML і менше файлів.

Створити Стандартний код Bootstrap 3.3, HTML і МЕНШЕ коду, але дозволяє додавати власні правила CSS за допомогою редактора вихідного коду, вбудованого в кінець файлу LESS.

Макет!

Макет є Перетягніть веб-редактор який використовує компоненти Bootstrap.
Легко інтегрується з будь-якою мовою програмування, вам потрібно лише завантажити згенерований HTML, який ви можете замінити власними змінними, циклами або іншим контролем, який вам потрібен.

Кікстрап

Кікстрап - це інтерфейсний фреймворк який використовує бібліотеку Bootstrap.

Ви можете вирішити, які компоненти CSS та JS використовувати під час розробки проекту. Це зменшити вагу оригінальних файлів. Оскільки код Bootstrap ніколи не редагується безпосередньо, шари зберігаються без перезапису існуючого коду.

BootTheme

За допомогою BootTheme ви можете створювати теми, макети, веб-сайти та веб-додатки з інтерфейсом перетягування.

Однією з найбільших переваг, яку вона забезпечує, є побачити зміни в прямому ефірі та на різних розмірах екрана при використанні редактора коду для написання HTML, CSS/LESS або JavaScript/CoffeeScript.

Інший варіант - Генератор тем, за допомогою якого ми можемо легко генерувати теми Bootstrap та редагувати менше змінних, а також імпортувати змінні Bootstrap.

Його можна використовувати звільнити до 5 некомерційних тем та сторінок.

Bootply

Як це визначає на своєму веб-сайті Bootply дозволяє грати з Bootstrap.

Дозволяє редагувати CSS, HTML та JavaScript вручну або розробляти за допомогою візуальний редактор перетягування.

Є Власне сховище коду з більш ніж 1000 фрагментами (фрагментами коду) форм, каруселі, навігації, кнопок, пагінації, підказки, карт Google тощо ... Безкоштовні теми, шаблони та презентації.

Bootply інтегрується з іншими популярними плагінами Bootstrap, мікробібліотеки та фреймворки, серед яких виділяються FontAwesome, jQuery + jQueryUI, Google Maps, AngularJS, Isotope та Masonry.

Для використання візуального редактора потрібно зареєструватися, але він є абсолютно безкоштовно і за місяці, коли я був зареєстрований, я отримав лише пару листів.

Він також має конвертер Bootstrap 2 в Bootstrap 3.

Як бачите, Bootply - це один із найповніших сайтів для пошуку безкоштовних ресурсів для Bootstrap.

Розкішний

Створіть свій власний безкоштовна кольорова схема для Bootstrap із зображення.

За допомогою Lavish кольори можна налаштувати на свій смак. Він сумісний з Bootstrap 3.3.4 і Foundation 5.5.2.

На цьому ж веб-сайті є кілька приклади, вибравши їх, ви зможете побачити попередній перегляд компонентів і кольорову схему самої сторінки.

PaintStrap

За допомогою PaintStrap ми можемо створювати прекрасне безкоштовні теми для Bootstrap використовуючи колірну схему від Adobe Color CC (раніше Adobe Kuler) або COLORlovers.

Щоб використовувати ці теми на своєму веб-сайті, просто завантажте згенеровані файли CSS і замініть їх на Bootstrap. Сумісний із версією Bootstrap v3.3.5.

Також можна використовувати як тему Kickstrap.

Темами можна ділитися, тому якщо в галереї PaintStrap є теми, які відповідають вашим цілям, ви можете їх використовувати.

Bootstrap Magic

Bootstrap Magic - це генератор Тема Bootstrap. Забезпечує попередній перегляд змін у процесі їх внесення та включає імпорт змінних, підбір кольорів та розумні заголовки.

Ви можете завантажити власні змінні CSS та Less в мінімізованій версії.

BootstrapTaste

У BootstrapTaste ви знайдете чудове безкоштовні HTML-шаблони, зроблені за допомогою Bootstrap. Вони класифікуються відповідно до призначення веб-сайту та за кольорами. Є також безкоштовні теми для Bootstrap.

Щоб використовувати шаблон на кількох сайтах, видалити колонтитул або атрибуцію дужок, ліцензія зазвичай коштує 9 доларів. У кожному завантаженні ви можете бачити ліцензію користувача.

Bootswatch

У Bootswatch ви можете завантажити безкоштовні теми для Bootstrap 3.3.5 і Bootstrap 2. Усі вони є відкритими, багато з них доступні на інших веб-сайтах, про які ми вже говорили.

Перевага Bootswatch полягає в тому, що зміни містяться лише у двох файлах SASS або LESS, що дозволяє модифікувати та сумісність у майбутньому.

Вони мають API для використання у власних проектах та сповіщення про оновлення електронною поштою, Tumblr або RSS.

Bootswatchr

BootSwatchr натхненний Bootswatch, а також є візуальним інструментом для створення власних тем Bootstrap з нуля.

Що робить BootSwatchr унікальним, це те, що підтримує мову справа наліво, функція, не включена в жодну версію Bootstrap.

Bootstrap Zero

У Bootstrap Zero ви знайдете більше ніж 100 безкоштовних тем з відкритим кодом для дизайнерів та розробників Bootstrap.

На додаток до HTML-шаблонів із Bootstrap, класифікованих за темами, ми можемо завантажувати теми для бекендів та безкоштовні шаблони - WordPress на основі Bootstrap, все для версії 3.x, хоча вони анонсують нові шаблони Bootstrap 4.

Запустіть Bootstrap

Початок Bootstrap має чудовий теми Bootstrap та вбудовані шаблони щоб допомогти вам розпочати наступний проект Bootstrap. Ця вражаюча колекція шаблонів Bootstrap 3 є легкою та нестандартною.

Теми BlackTie

на теми BlackTie, які ви можете завантажити Шаблони Bootstrap створений фрілансером Карлосом Альваресом. Дуже добре.

Початковий набір Bootstrapbay

Bootstrapbay - це класичний сайт для продажу тем і шаблонів, але спеціалізується на шаблони Високоякісний завантажувальний ремінь.

Це не безкоштовні ресурси для Bootstrap, оскільки шаблони для завантаження платні, але я рекомендую спробувати їх Bootstrap Starter Kit, за допомогою якого ви можете створити цілісний веб-сайт із справді вражаючою системою перетягування, яка може служити швидким прототипуванням.

PrepBootstrap

Підготуйте ставки Bootstrap для своїх безкоштовні теми для бекенда, адміністратора, інформаційної панелі або робочих столів на базі Bootstrap.

Світська левиця

Socialite забезпечує дуже простий спосіб впровадити і активуйте кнопки соціального обміну в Bootstrap.

На даний момент підтримує такі віджети:

  • Facebook: facebook-подібний
  • Twitter: twitter-share, twitter-follow, twitter-згадка, twitter-hashtag та twitter-embed (для окремих твітів)
  • Google+: googleplus-one, googleplus-share, googleplus-badge
  • LinkedIn: linkedin-share, linkedin-рекомендація

А також ці розширення:

  • Pinterest: pinterest-pinit
  • Spotify: spotify-play
  • Новини хакерів: hackernews-share
  • GitHub: github-watch, github-fork, github-follow


Таблиці даних

DataTables - це плагін для бібліотеки jQuery Javascript.

Це дуже гнучкий інструмент для додати розширені засоби взаємодії до будь-якої таблиці HTML такі як підкачка, миттєвий пошук та сортування за кількома стовпцями.

Він підтримує практично будь-яке джерело даних: DOM, Javascript, Ajax та обробку на стороні сервера. Це безкоштовне програмне забезпечення з відкритим кодом (ліцензія MIT!) Із комерційною підтримкою.

DropzoneJS

DropzoneJS - це бібліотека з відкритим кодом, яка забезпечує завантаження файлу від drag'n'drop (перетягування) з попереднім переглядом зображень.

Він легкий і не залежить від будь-якої іншої бібліотеки (наприклад, jQuery), і його можна легко налаштувати. Він сумісний з Chrome 7+, Firefox 4+, IE 10+ Opera 12+ (крім v 12 для MacOS) та Safari 6+. Безперечно, один із безкоштовних ресурсів для Bootstrap, який найбільш популярний програмістами.

Bootstrap + Isotope

Напевно ви бачили на незліченних веб-сайтах ті портфоліо, в яких можете фільтрувати зображення за категоріями і при цьому вони переставляються, пристосовуючись до нового простору.

Ці конструкції досягнуті завдяки таким бібліотекам, як Кладка або Упаковки.

Ізотоп також забезпечує сортування та фільтрування за допомогою кладки та упаковки.

Муляр має ліцензію MIT та є вільно доступним для використання та розповсюдження. Isotope та Packery мають власну ліцензію. Вам потрібно придбати ліцензію на комерційні проекти, але її можна вільно використовувати для проектів з відкритим кодом.

На його веб-сайті ви знайдете всю необхідну документацію з варіантами, методами, прикладами для 9 різних конструкцій, подій ...

Тонкі візерунки

Витончені візерунки - це дивовижна колекція візерунки малюнків для високоякісних фонів. Адже коли потрібні безкоштовні повторювані текстури. Існує також плагін для плагіна Photoshop.

Масштабовані векторні іконки

Тут ми відкриваємо підрозділ безкоштовних ресурсів для Bootstrap виключно для безкоштовних веб-шрифтів значків.

Гліфікони

Завантаження Bootstrap включає безкоштовно 250 гліфів у форматі шрифту. Вони відповідають пакету Halflings від Glyphicons, сімейство шрифтів із понад 1000 значки який зазвичай розподіляється під оплату.

Тут ви можете побачити всю сім’ю та придбати її ліцензію, якщо 250 безкоштовних піктограм, які супроводжують пакет завантаження Bootstrap, недостатньо:

Іонікони

Ionicons - це шрифт із 601 піктограмою Ionic Framework, основою якої є створення мобільних додатків. Звичайно, ми можемо використовувати його з Bootstrap, і він на 100% безкоштовний і з відкритим кодом.

Октикони

Октикони є іконки GitHub Проектно-орієнтований GitHub.

Шрифт Awesome

Шрифт Awesome are 585 ікон, з хорошою колекцією символів соц.медіа.

Це дуже популярно в проектах на основі Bootstrap. Особисто я вважаю це вражаючим, як випливає з назви, і одним з найкращих безкоштовних ресурсів для Bootstrap.

На його веб-сайті ми знайдемо піктограми, класифіковані за групами, та пошукову систему за назвою. Натискаючи на кожну піктограму, ми можемо побачити її в різних розмірах та отримати html-код для її використання, все дуже практично, коли мова йде про подрібнення коду.

Чи знаєте ви більше безкоштовних ресурсів для Bootstrap?

Якщо ви розробник одного або знаєте більше безкоштовних ресурсів для Bootstrap і хочете поділитися ним з нами, залиште нам свій коментар нижче, і ми включимо його в список.