36 Bootstrap сниппетов


Содержание
Цукерберг рекомендует:  Слайдер миниатюр с помощью jQuery

Все для Bootstrap 3 — шаблоны, сниппеты, плагины

В этом сообществе я планирую делиться с Вами шаблонами, сниппетами, плагинами для Bootstrap 3, которые встречаю на своем пути.

Администратор

Владислав Гриценко

Теги записей

Записи сообщества

Light Bootstrap Dashboard — бесплатный шаблон Bootstrap 3 для панели управления (админки)

Еще один очень качественный HTML-шаблон панели управления на Bootstrap 3 с внушающей коллекцией стилизованных иконок. Графики, таблицы, формы,- практически все, что нужно для конструирования. Если чего не хватает, можно легко докрутить,- это же Bootstrap!

Хлебные крошки для Bootstrap 3 в виде треугольных стрелок

Привет, друзья! Этот пост приурочен к новому уроку по Bootstrap 3, где мы рассмотрели стандартные хлебные крошки Bootstrap 3, и они имеют совсем простое оформление. Это пост призван расширить арсенал хлебных крошек в Bootstrap 3. Интересно? Го под кат!

Визуальный редактор сетки Bootstrap 3 с текстовым редактором

Отличная находка, еще и open source, еще и Bootstrap 3, еще и на JavaScript (jQuery), а контрольный — котики. У этого конструктора может быть великое будущее, но многое зависит от разработчика. Но уже сейчас можно смело брать его для экспериментов.

Переключатели для Bootstrap 3 на CSS3 в стиле Material Design

Потрясащий пример реализации переключателей на CSS. В данном случае есть привязка к Bootstrap 3 и Material Design. Но сам принцип реализации можно с легкостью перенести в любой проект.

White — HTML5-шаблон одностраничного сайта на Bootstrap 3

Привет, друзья! Давненько я не писал в эту колонку. Сегодня у меня для Вас очень вкусный шаблон для сайта на основе Bootstrap 3. Уверен, Вам понравится!

Выпадающая форма авторизации в навигации на Bootstrap 3

Сниппет для быстрого создания формы авторизации в выпадающем меню на основе css-фреймворка Bootstrap 3.

Gentellela Bootstrap 3 — шаблон панели администратора


Шаблон потрясающего качества для бесплатного использования. Разрабатывается «Kimlabs» и публикуется на Github. Имеет в своем арсенале огромное количество элементов интерфейса.

Многоуровневое меню на Bootstrap 3

В этой статье я поделюсь с Вами сниппетом для создания многоуровневого меню для Bootstrap 3, так как готового решения не предусмотрено.

Шаблон панели управления (админки) на Bootstrap 3

SB Admin 2 — бесплатный шаблон, написанный на Bootstrap 3. Отлично подойдет для панели управления сайтом или веб-приложением. В шаблоне также используются некоторые плагины для jQuery, которые отлично дополняют функционал. Читай полностью, чтобы скачать.

Боковые вкладки для Bootstrap 3

Курс по css-фреймворку Bootstrap 3 почти закончен, но возможностей у фреймворка – хоть отбавляй! Сегодня я покажу вам расширение «Боковые вкладки» и расскажу о его технических деталях.

Сниппеты типографики bootstrap, для Битрикс

Если вы подключили bootstrap к своему сайту, или сверстали весь шаблон, подключив bootstrap из ядра битрикс. Имеет смысл использовать эти 320 килобайт css стилей по полной. Во первых это упростить и стандартизирует создание новых разделов, оформления текста и элементов HTML. Во вторых: не придется раздувать файлы стилей основного шаблона.

Самое главное, научить использовать стили bootstrap и контент-менеджеров. а специально для них, в Битрикс, есть такое понятие как — Сниппеты.

Сниппеты битрикс

Что такое сниппеты, и для чего они нужны, подробно рассмотрено в официально документации битрикс:

Сниппеты очень удобны для тех, кто ежедневно работает с содержанием сайта в визуальном редакторе. Используя этот механизм, можно создать ряд подготовленных таблиц, сверстанных форм, которые можно перетаскивать из панели сниппетов, и далее редактировать только текст или таблицу.

Сниппеты редактируются, добавляются и удаляются прямо в визуальном редакторе. Доступно объединение их в многоуровневой структуре, чтобы пользователям было удобно ориентироваться в большом количестве заготовок.

Bootstrap сниппеты для Битрикс

Что бы контент менеджеры не устраивали вакханалию в оформлении страниц и не проявляли самодеятельность. Я подготовил набор сниппетов. Все созданы на базе bootstrap и содержат только типографику. То есть: абзацы, заголовки, списки, аббервиатуры и прочее. Вам не придется раздувать свои файлы стилей, просто подключаете bootstrap из ядра

Если бутстрап не подключен к вашему шаблону, просто добавьте в header.php строчку

Скачайте архив со сниппетами, распакуйте его и закиньте в шаблон своего сайта. Больше ничего делать не потребуется. Сниппеты будут доступны в визуальном редакторе.

Повторюсь, содержат только типографику, как наиболее необходимую контент-менеджерам. Всякие кнопки, формы и прочее- функциональное и относящеесе именно к части работы компонентов, не включены.

Цукерберг рекомендует:  CardInfo.js — отображение банковской карты

Bootstrap 4x Snippets


Bootstrap v4.3.1 Snippets

Details

  • Version 1.0.4
  • Homepage github.​com
  • Issues github.​com
  • Modified 1 week ago
  • Last Seen 29 minutes ago
  • First Seen 8 months ago

Installs

  • Total 14K
  • Win 11K
  • OS X 1K
  • Linux 1K
Nov 15 Nov 14 Nov 13 Nov 12 Nov 11 Nov 10 Nov 9 Nov 8 Nov 7 Nov 6 Nov 5 Nov 4 Nov 3 Nov 2 Nov 1 Oct 31 Oct 30 Oct 29 Oct 28 Oct 27 Oct 26 Oct 25 Oct 24 Oct 23 Oct 22 Oct 21 Oct 20 Oct 19 Oct 18 Oct 17 Oct 16 Oct 15 Oct 14 Oct 13 Oct 12 Oct 11 Oct 10 Oct 9 Oct 8 Oct 7 Oct 6 Oct 5 Oct 4 Oct 3 Oct 2 Oct 1
Windows 12 44 63 76 57 33 35 50 48 46 59 54 37 50 58 43 61 50 35 39 39 54 60 49 50 56 34 49 55 57 55 38 51 39 36 59 72 56 52 49 49 41 58 81 50 56
OS X 2 4 7 6 1 5 2 3 6 2 7 7 4 2 5 1 3 10 5 4 5 4 5 4 3 3 2 5 3 2 4 3 2 3 7 5 6 5 6 3 7 5 7 5 3 5
Linux 3 5 2 5 12 3 2 2 4 7 5 2 2 6 12 7 4 2 6 4 5 5 4 7 3 5 7 6 4 6 8 2 4 4 1 9 11 4 6 5 7 4 2 8 5 10

Readme

Bootstrap 4.3 — Sublime Snippets


A sublime plugin complete with Bootstrap 4.3 snippets

�� Bootstrap 4.3 — Sublime Snippets — (Currently Bootstrap v4.3.1)

Feel free to let me know what else you want added via:

:globe_with_meridians: proficientdesigners.com
:octocat: Issues

Installation

There are 3 methods for installing this plugin.

Search for “Bootstrap 4.3 Snippets” via the “Package Control: Install Packages” menu. Note: If you don’t have Sublime Package Control installed, you can find out how to install it here https://sublime.wbond.net/installation

Clone the repository into your Sublime Text 3 packages directory. git clone https://github.com/proficientdesigners/sublime-text-bs4-snippets.git

Download the .zip file and unzip it into your Sublime Text 3 packages directory. Note: You can find your Sublime Text 3 packages directory by going to Preferences > Browse Packages.

Usage

Start typing b4- in HTML files and the autocomplete window opens. It matches fuzzily. So you can type b4btn to find the b4-btn snippet.

Ensure you have enabled “b4” in your Preferences.sublime-settings:

Key Features :

  • Supports autocompletion of all helper classes in JavaScript, CSS and HTML
  • Snippet support for all components.
  • Snippet support for templates.
  • Snippet support for layout.
  • Snippet support for content.


Snippets

Getting Started

List of Snippets
b4-accordian
b4-alert-additional
b4-alert-dismissing
b4-alert-link
b4-alert
b4-badge-link
b4-badge-pill
b4-badge
b4-breadcrumb
b4-btn-a-disabled
b4-btn-a-tag
b4-btn-active
b4-btn-badge
b4-btn-block
b4-btn-disabled
b4-btn-group-nesting
b4-btn-group-sizing
b4-btn-group-toggle
b4-btn-group-toolbar
b4-btn-group
b4-btn-input-tag
b4-btn-lg
b4-btn-outline
b4-btn-sm
b4-btn
b4-card-border
b4-card-deck-img-title-footer
b4-card-deck-img
b4-card-group-img-title-footer
b4-card-group-img
b4-card-header-footer
b4-card-primary
b4-card-horizontal
b4-card-img-cap-bottom
b4-card-img-cap-top
b4-card-img-overlay
b4-card-img
b4-card-kitchen-sink
b4-card-list
b4-card-nav-pills
b4-card-nav-tabs
b4-card-quote
b4-card-styles
b4-card-title-text-links
b4-card
b4-carousel-crossfade
b4-carousel-item-interval
b4-carousel-slides-only
b4-carousel-with-controls-indicators-captions
b4-carousel-with-controls-indicators
b4-carousel-with-controls
b4-collapse
b4-dropdown-button
b4-dropdown-link
b4-dropdown-split-btn
b4-button-addon-dropdown
b4-button-addon
b4-checkbox-inline
b4-checkbox
b4-custom-checkbox-disabled
b4-custom-checkbox
b4-custom-file
b4-custom-radio-disabled
b4-custom-radio
b4-custom-range
b4-custom-select-lg
b4-custom-select-sm
b4-custom-select
b4-custom-switch-disabled
b4-custom-switch
b4-form-grid
b4-form-help-text
b4-form-horizontal
b4-form-inline
b4-form-login
b4-form-row
b4-form-tooltip-validation
b4-form-validation
b4-form
b4-radio-inline
b4-radio
b4-segmented-button
b4-input-group-append-prepend
b4-input-group-append
b4-input-group-button-addons-append
b4-input-group-button-addons-prepend
b4-input-group-button-custom-file-append
b4-input-group-button-custom-file-prepend
b4-input-group-button-custom-select-append
b4-input-group-button-custom-select-prepend
b4-input-group-button-dropdown-append
b4-input-group-button-dropdown-prepend
b4-input-group-button-segmented-append
b4-input-group-button-segmented-prepend
b4-input-group-checkbox
b4-input-group-custom-file-append
b4-input-group-custom-file-prepend
b4-input-group-custom-select-append
b4-input-group-custom-select-prepend
b4-input-group-input-label
b4-input-group-multiple-addons-append
b4-input-group-multiple-addons-prepend
b4-input-group-multiple-input
b4-input-group-prepend
b4-input-group-radio
b4-input-group-textarea
b4-input-group
b4-jumbotron-fluid
b4-jumbotron
b4-listgroup-badges
b4-listgroup-btn
b4-listgroup-custom-content
b4-listgroup-flush
b4-listgroup-horizontal
b4-listgroup-item-active
b4-listgroup-item-disabled
b4-listgroup-link
b4-listgroup
b4-media-align
b4-media-list
b4-media-nesting
b4-media
b4-modal
b4-nav-align-horizontal
b4-nav-align-vertical-item-link
b4-nav-align-vertical-link
b4-nav-align-vertical
b4-nav-item-link
b4-nav-link
b4-nav-pills-horizontal
b4-nav-pills-vertical
b4-nav-tabs
b4-navbar-heading
b4-navbar-image-text
b4-navbar-image
b4-navbar-brand-link
b4-navbar-form-inline
b4-navbar-mini-a
b4-navbar-mini-li
b4-navbar-text
b4-navbar
b4-pagination-disabled-active
b4-pagination-icon
b4-pagination
b4-popover
b4-popover
b4-progress-multiple
b4-progress
b4-scrollspy-listgroup
b4-scrollspy-nested
b4-scrollspy
b4-spinner-border
b4-spinner-grow
b4-toast-placement-center
b4-toast-placement-stacking
b4-toast-placement
b4-toast-stacking
b4-toast
b4-tooltip-disabled
b4-tooltip
b4-figure
b4-img-center
b4-img-left
b4-img-responsive
b4-img-right
b4-img-thumbnail
b4-picture
b4-cdn-css
b4-cdn-js
b4-starter-template
b4-table
b4-blockquote
b4-custom-headings
b4-lead
b4-list-inline
b4-list-unstyled
b4-close-icon
b4-embed-1:1
b4-embed-16:9
b4-embed-21:9
b4-embed-4:3
b4-embed
b4-image-replacement
b4-screen-readers
b4-stretched-link
b4-container-fluid
b4-container

Created & maintained by

License

Bootstrap 4 — Sublime Plugin is open-sourced software licensed under the MIT license.

36 Bootstrap сниппетов

We recommend upgrading to the latest Google Chrome or Firefox.

All your code in one place

Over 40 million developers use GitHub together to host and review code, project manage, and build software together across more than 100 million projects.

New pull request

Clone with HTTPS

Use Git or checkout with SVN using the web URL.

Downloading .

Want to be notified of new releases in bootstrapstudio/basic-footer-bootstrap-snippet ?

Launching GitHub Desktop .

If nothing happens, download GitHub Desktop and try again.

Launching GitHub Desktop .

If nothing happens, download GitHub Desktop and try again.

Launching Xcode .


If nothing happens, download Xcode and try again.

Launching Visual Studio .

Permalink

Type Name Latest commit message Commit time
Failed to load latest commit information.
assets/ css First commit Aug 17, 2020
readme-images Changed readme screenshot Aug 17, 2020
LICENSE First commit Aug 17, 2020
README.md Updated readme. May 15, 2020
index.html First commit Aug 17, 2020

Responsive footer snippet made with Bootstrap 4. It is fully responsive and features a super simple layout that can be quickly extended and customized without getting in the way. Includes social media icons by Ionicons, page links, and website info. Get it in Bootstrap Studio »

  • Beautiful & responsive design
  • Perfect browser support
  • Easy to customize
  • 100% Free to use

Use it in Bootstrap Studio

This snippet and many others are available in Bootstrap Studio, the powerful web development tool for building responsive websites. You can drag and drop beautiful components together and create great-looking websites in no time. Get the app now and supercharge your designs!

This project is licensed under the MIT license.


ACB Bootstrap Snippets v0.0.2

Это коллекция Bootstrap сниппетов для Brackets.

Как использовать
Включить ACB Bootstrap Snippets
В главном меню выберите Правка > Enable ACB Bootstrap Snippets или
откройте файл настроек и добавьте «acb-bootstrap—snippets.enabled»: true.
Введите фрагмент и нажмите клавишу Tab.

Bootstrap 3 — Minimum Template

  • bs3 — Minimum Bs3 Template

Alerts

  • bs3alertdanger
  • bs3alertinfo
  • bs3alertsuccess
  • bs3alertwarning
  • bs3alert

Buttons

  • bs3blockbuttondanger
  • bs3blockbuttondefault
  • bs3blockbuttondisabled
  • bs3blockbuttoninfo
  • bs3blockbuttonprimary
  • bs3blockbuttonsuccess
  • bs3blockbuttonwarning
  • bs3blockbutton
  • bs3buttondanger
  • bs3buttondefault
  • bs3buttondisabled
  • bs3buttongroupvertical
  • bs3buttongroup
  • bs3buttoninfo
  • bs3buttonprimary
  • bs3buttonsuccess
  • bs3buttontoolbar
  • bs3buttonwarning
  • bs3button
  • bs3lgbuttondanger
  • bs3lgbuttondisabled
  • bs3lgbuttoninfo
  • bs3lgbuttonprimary
  • bs3lgbuttonsuccess
  • bs3lgbuttonwarning
  • bs3lgbutton
  • bs3lgbuttondefault
  • bs3minibuttondanger
  • bs3minibuttondefault
  • bs3minibuttondisabled
  • bs3minibuttoninfo
  • bs3minibuttonprimary
  • bs3minibuttonsuccess
  • bs3minibuttonwarning
  • bs3minibutton
  • bs3smbuttondanger
  • bs3smbuttondefault
  • bs3smbuttondisabled
  • bs3smbuttoninfo
  • bs3smbuttonprimary
  • bs3smbuttonsuccess
  • bs3smbuttonwarning
  • bs3smbutton

Carousel

  • bs3carousel

// Sample Images
//
// https://pixabay.com/static/uploads/photo/2015/06/15/06/17/flowers-809927_640.jpg
// https://pixabay.com/static/uploads/photo/2014/02/10/16/07/tulips-263513_640.jpg
// https://pixabay.com/static/uploads/photo/2014/04/10/10/00/tulip-320774_640.jpg

Forms

  • bs3formhorizontal
  • bs3forminline
  • bs3formlabel
  • bs3form
  • bs3inputcheckbox
  • bs3inputcolorh
  • bs3inputcolor
  • bs3inputdateh
  • bs3inputdate
  • bs3inputemailh
  • bs3inputemail
  • bs3inputhidden
  • bs3inputlabel
  • bs3inputmonthh
  • bs3inputmonth
  • bs3inputnumberh
  • bs3inputnumber
  • bs3inputpasswordh
  • bs3inputpassword
  • bs3inputradio
  • bs3inputrangeh
  • bs3inputrange
  • bs3inputreseth
  • bs3inputreset
  • bs3inputsearchh
  • bs3inputsearch
  • bs3inputselecth
  • bs3inputselect
  • bs3inputsubmith
  • bs3inputsubmit
  • bs3inputtelh
  • bs3inputtel
  • bs3inputtexth
  • bs3inputtext
  • bs3inputtimeh
  • bs3inputtime
  • bs3inputurlh
  • bs3inputurl
  • bs3inputweekh
  • bs3inputweek
  • bs3selecth
  • bs3select
  • bs3textareah
  • bs3textarea

Work with columns

  • bs3col3equal
  • bs3col3unequal
  • bs3col2equal
  • bs3col2nested
  • bs3colmobdesk
  • bs3colmobtabdesk
  • bs3clearfloats
  • bs3offsettingcol
  • bs3pushandpullcol

Icons

  • bs3iconglyphicon
  • bs3iconsample
  • bs3icon
  • bs3iconasterisk
  • bs3iconplus
  • bs3iconminus
  • bs3iconeuro
  • bs3iconcloud
  • bs3iconenvelope
  • bs3iconpencil
  • bs3iconglass
  • bs3iconmusic
  • bs3iconsearch
  • bs3iconheart
  • bs3iconstar
  • bs3iconstarempty
  • bs3iconuser
  • bs3iconfilm
  • bs3iconthlarge
  • bs3iconth
  • bs3iconthlist
  • bs3iconok
  • bs3iconremove
  • bs3iconzoomin
  • bs3iconzoomout
  • bs3iconoff
  • bs3iconsignal
  • bs3iconcog
  • bs3icontrash
  • bs3iconhome
  • bs3iconfile
  • bs3icontime
  • bs3iconroad
  • bs3icondownloadalt
  • bs3icondownload
  • bs3iconupload
  • bs3iconinbox
  • bs3iconplaycircle
  • bs3iconrepeat
  • bs3iconrefresh
  • bs3iconlistalt
  • bs3iconlock
  • bs3iconflag
  • bs3iconheadphones
  • bs3iconvolumeoff
  • bs3iconvolumedown
  • bs3iconvolumeup
  • bs3iconqrcode
  • bs3iconbarcode
  • bs3icontag
  • bs3icontags
  • bs3iconbook
  • bs3iconbookmark
  • bs3iconprint
  • bs3iconcamera
  • bs3iconfont
  • bs3iconbold
  • bs3iconitalic
  • bs3icontextheight
  • bs3icontextwidth
  • bs3iconalignleft
  • bs3iconaligncenter
  • bs3iconalignright
  • bs3iconalignjustify
  • bs3iconlist
  • bs3iconindentleft
  • bs3iconindentright
  • bs3iconfacetimevideo
  • bs3iconpicture
  • bs3iconmapmarker
  • bs3iconadjust
  • bs3icontint
  • bs3iconedit
  • bs3iconshare
  • bs3iconcheck
  • bs3iconmove
  • bs3iconstepbackward
  • bs3iconfastbackward
  • bs3iconbackward
  • bs3iconplay
  • bs3iconpause
  • bs3iconstop
  • bs3iconforward
  • bs3iconfastforward
  • bs3iconstepforward
  • bs3iconeject
  • bs3iconchevronleft
  • bs3iconchevronright
  • bs3iconplussign
  • bs3iconminussign
  • bs3iconremovesign
  • bs3iconoksign
  • bs3iconquestionsign
  • bs3iconinfosign
  • bs3iconscreenshot
  • bs3iconremovecircle
  • bs3iconokcircle
  • bs3iconbancircle
  • bs3iconarrowleft
  • bs3iconarrowright
  • bs3iconarrowup
  • bs3iconarrowdown
  • bs3iconsharealt
  • bs3iconresizefull
  • bs3iconresizesmall
  • bs3iconexclamationsign
  • bs3icongift
  • bs3iconleaf
  • bs3iconfire
  • bs3iconeyeopen
  • bs3iconeyeclose
  • bs3iconwarningsign
  • bs3iconplane
  • bs3iconcalendar
  • bs3iconrandom
  • bs3iconcomment
  • bs3iconmagnet
  • bs3iconchevronup
  • bs3iconchevrondown
  • bs3iconretweet
  • bs3iconshoppingcart
  • bs3iconfolderclose
  • bs3iconfolderopen
  • bs3iconresizevertical
  • bs3iconresizehorizontal
  • bs3iconhdd
  • bs3iconbullhorn
  • bs3iconbell
  • bs3iconcertificate
  • bs3iconthumbsup
  • bs3iconthumbsdown
  • bs3iconhandright
  • bs3iconhandleft
  • bs3iconhandup
  • bs3iconhanddown
  • bs3iconcirclearrowright
  • bs3iconcirclearrowleft
  • bs3iconcirclearrowup
  • bs3iconcirclearrowdown
  • bs3iconglobe
  • bs3iconwrench
  • bs3icontasks
  • bs3iconfilter
  • bs3iconbriefcase
  • bs3iconfullscreen
  • bs3icondashboard
  • bs3iconpaperclip
  • bs3iconheartempty
  • bs3iconlink
  • bs3iconphone
  • bs3iconpushpin
  • bs3iconusd
  • bs3icongbp
  • bs3iconsort
  • bs3iconsortbyalphabet
  • bs3iconsortbyalphabetalt
  • bs3iconsortbyorder
  • bs3iconsortbyorderalt
  • bs3iconsortbyattributes
  • bs3iconsortbyattributesalt
  • bs3iconunchecked
  • bs3iconexpand
  • bs3iconcollapsedown
  • bs3iconcollapseup
  • bs3iconlogin
  • bs3iconflash
  • bs3iconlogout
  • bs3iconnewwindow
  • bs3iconrecord
  • bs3iconsave
  • bs3iconopen
  • bs3iconsaved
  • bs3iconimport
  • bs3iconexport
  • bs3iconsend
  • bs3iconfloppydisk
  • bs3iconfloppysaved
  • bs3iconfloppyremove
  • bs3iconfloppysave
  • bs3iconfloppyopen
  • bs3iconcreditcard
  • bs3icontransfer
  • bs3iconcutlery
  • bs3iconheader
  • bs3iconcompressed
  • bs3iconearphone
  • bs3iconphonealt
  • bs3icontower
  • bs3iconstats
  • bs3iconsdvideo
  • bs3iconhdvideo
  • bs3iconsubtitles
  • bs3iconsoundstereo
  • bs3iconsounddolby
  • bs3iconsound51
  • bs3iconsound61
  • bs3iconsound71
  • bs3iconcopyrightmark
  • bs3iconregistrationmark
  • bs3iconclouddownload
  • bs3iconcloudupload
  • bs3icontreeconifer
  • bs3icontreedeciduous

Images

  • bs3image
  • bs3thumbnailcontent
  • bs3thumbnail
  • bs3imagerounded
  • bs3imagecircle
  • bs3imagethumbnail
  • bs3imageresponsive
  • bs3thumbnailgallerysample
  • bs3responsiveembed16by9
  • bs3responsiveembed4by3

Input Groups

  • bs3inputgroupaddontext
  • bs3inputgroupaddon
  • bs3inputgroupbtn
  • bs3inputgrouptextbtn
  • bs3inputgroup


Labels

  • bs3labeldanger
  • bs3labeldefault
  • bs3labelinfo
  • bs3labelsuccess
  • bs3labelwarning
  • bs3label

Link Buttons

  • bs3blocklinkbuttondanger
  • bs3blocklinkbuttondefault
  • bs3blocklinkbuttondisabled
  • bs3blocklinkbuttoninfo
  • bs3blocklinkbuttonprimary
  • bs3blocklinkbuttonsuccess
  • bs3blocklinkbuttonwarning
  • bs3blocklinkbutton
  • bs3lglinkbuttondanger
  • bs3lglinkbuttondefault
  • bs3lglinkbuttondisabled
  • bs3lglinkbuttoninfo
  • bs3lglinkbuttonprimary
  • bs3lglinkbuttonsuccess
  • bs3lglinkbuttonwarning
  • bs3lglinkbutton
  • bs3linkbuttondanger
  • bs3linkbuttondefault
  • bs3linkbuttondisabled
  • bs3linkbuttongroupvertical
  • bs3linkbuttongroup
  • bs3linkbuttoninfo
  • bs3linkbuttonprimary
  • bs3linkbuttonsuccess
  • bs3linkbuttonwarning
  • bs3linkbutton
  • bs3minilinkbuttondanger
  • bs3minilinkbuttondefault
  • bs3minilinkbuttondisabled
  • bs3minilinkbuttoninfo
  • bs3minilinkbuttonprimary
  • bs3minilinkbuttonsuccess
  • bs3minilinkbuttonwarning
  • bs3minilinkbutton
  • bs3smlinkbuttondanger
  • bs3smlinkbuttondefault
  • bs3smlinkbuttondisabled
  • bs3smlinkbuttoninfo
  • bs3smlinkbuttonprimary
  • bs3smlinkbuttonsuccess
  • bs3smlinkbuttonwarning
  • bs3smlinkbutton

List Groups

  • bs3listgroupbadges
  • bs3listgroupcontent
  • bs3listgrouplinked
  • bs3listgroup

36 Bootstrap сниппетов

Самые лучшие и полезные сниппеты для Bootstrap фреймворка. В данной категории размещены формы, интерфейсы, календари, меню, красивые формы авторизации и регистрации, кнопки, профили, таблицы и многие другие сниппеты которые можно использовать совместно с фреймворком Bootstrap (2.3.2 и 3.1.x версий).

( 10 Голосов )

Классный JS эффект «лупы» с помощью фреймворка Bootstrap 3.1.1. Если у вас на сайте есть большие фотографии и вы хотите их отобразить в минимальном разрешении при этом сохранить возможность «поближе» посмотреть на определенные участки картинки, то данный сниппет прекрасно подойдет для этого решения.

( 11 Голосов )

Очень красивая страница для профиля пользователей вашего сайта с применением Bootstrap 3.x. Страница имеет очень простое оформление и быструю загрузку (благодаря минимальному количеству кода). Редактирование стилей происходит в 2 клика, достаточно просто изменить стилевое оформление и вы получите готовую страницу профилей для своих пользователей.

Простая реализация всплывающего окна на фреймворке Bootstrap 3.1.1. Минимальное количество кода и прекрасный внешний вид, добавят вашему сайту превосходное всплывающее окно в котором можно разместить любую информацию (фотографию, код, форму авторизации или регистрации и любую другую информацию )

Красивая форма авторизации на сайте с применением фреймворка Boostrap 3.1.1. Очень простая реализация с минимальным количеством кода. При желании можно добавить или удалить любую часть формы авторизации.

LiveInternetLiveInternet

Рубрики

Поиск по дневнику

Подписка по e-mail

Постоянные читатели


Статистика

Выбрана рубрика Сниппеты Bootstrap.

  • Запись понравилась
  • Процитировали
  • Сохранили
    • Добавить в цитатник
    • Сохранить в ссылки

    Thumbnail Слайдер Bootstrap

Воскресенье, 13 Марта 2020 г. 14:42 + в цитатник

Thumbnail Слайдер Bootstrap / Слайдеры / Сниппеты Bootstrap | BootstrapТема

Готовые демо примеры сниппетов для Bootstrap

  • Запись понравилась
  • Процитировали
  • Сохранили
    • Добавить в цитатник
    • Сохранить в ссылки

    Флаги 250 стран через CSS

Суббота, 12 Марта 2020 г. 01:13 + в цитатник

Флаги 250 стран через CSS / Элементы / Сниппеты Bootstrap | BootstrapТема

Готовые демо примеры сниппетов для Bootstrap

  • Запись понравилась

  • Процитировали
  • Сохранили
    • Добавить в цитатник
    • Сохранить в ссылки

    Сайт на разных устройствах

    Воскресенье, 06 Марта 2020 г. 14:05 + в цитатник

    Сайт на разных устройствах / Элементы / Сниппеты Bootstrap | BootstrapТема

    Готовые демо примеры сниппетов для Bootstrap

    • Запись понравилась
    • Процитировали
    • Сохранили
      • Добавить в цитатник
      • Сохранить в ссылки

      Автоматическая нумерация заголовков jQuery

      Четверг, 03 Марта 2020 г. 15:13 + в цитатник

      Скрипт jQuery автоматически добавит нумерацию заголовкам h1, h2, h3, h4, h5, h6 на HTML странице соответственно их вложения, можно использовать с Bootstrap.

      Готовые демо примеры сниппетов для Bootstrap

      370+ Большой набор Bootstrap элементов на сайт

      Здесь мы собрали большой набор готовых элементов для bootstrap 3 и bootstrap 4, включающий в себя более 370 готовых решений, которые подойдут каждому. Скачав и разместив код того или иного элемента на своём сайте, можно сэкономить реально кучу времени, не собирая ничего с нуля.

      Обязательно добавляйте данную страницу в закладки, чтобы нужные элементы из bootstrap были всегда под рукой.

      Эта сборка bootstrap элементов включает следующий функционал

      • Виджеты bootstrap
      • Чарты, статистики, граффики bootstrap
      • Навигация bootstrap
      • Оформление для личного кабинета bootstrap
      • Готовые якоря bootstrap для landing page
      • Toggle меню bootstrap
      • Мобильное меню bootstrap
      • Оформление карточки товаров bootstrap
      • Фотогалерея bootstrap
      • Оформление статей для блога
      • bootstrap инфографика
      • Резюме на базе bootstrap
      • Форма логин-пароль для bootstrap
      • Форма регистрации на сайте bootstrap
      • Иконки bootstrap
      • Блок поделиться в соц сетях
      • Интересные анимации и различные переходы
      • Кнопка меню гамбургер, открывающая целый блок
      • Табы bootstrap
      • Галерея изображений с переворотом фото к описанию
      • Адаптивная bootstrap таблица
      • Карточка с ценами для сайта
      • Плавно всплывающие блоки с описанием
      • Статусы посещений и различной статистикой
      • Дизайн блоки чтобы сайт выглядел более современно
      • bootstrap календарь событий
      • bootstrap меню с бесконечным списком пунктов
      • Блок наша команда с анимациями и описаниями
      • Красивые адабптивные виджеты соцсетей bootstrap
      • Красиво оформленные текстовые блоки
      • Тени box-shadow bootstrap
      • Виджет погоды
      • Свадебные приглашения
      • Граффики для фондовых бирж
      • Списки множественного выбора bootstrap
      • Функция уведомлений на сайте
      • Текстовый редактор на bootstrap
      • bootstrap эмулятор смартфона
      • Оформление страницы с ценами сайта
      • Функциональная корзина, с возможностью редактирования количества товаров
      • Табы навигации bootstrap
      • Различные кнопки для сайта button
      • Загрузчик файлов на сервер bootstrap
      • Различные выпадающие меню dropdown-menu
      • Прогресс бар bootstrap
      • Виджет поста на сайт
      • Таймлайн для описания деятельности по месяцам/годам
      • Фильтр товаров на bootstrap
      • Кнопка отправить на печать bootstrap
      • Факты о нас в цифрах
      • Адаптивная таблица сравнения товаров
      • Формы обратной связи для сайта
      • Установка рейтинга для чего либо на bootstrap
      • Форма заполнения для кредитных карт
      • Планировщик задач на bootstrap
      • Оформление и дизайн купонов
      • Тема продажи приложений
      • Блок отзывов на сайте
      • Блок отзывов каруселью для сайта
      • Записи для оформления блога
      • Виджет музыкального плеера bootstrap
      • Галерея с возможностью открыть фото во весь экран
      • Красивое разделение блоков dividers

      И это не весь список элементов которые присутствуют в данной сборке. Вы можете самостоятельно открать и опробывать каждый элемент

      ACB Bootstrap Snippets v0.0.2

      Это коллекция Bootstrap сниппетов для Brackets.

      Как использовать
      Включить ACB Bootstrap Snippets
      В главном меню выберите Правка > Enable ACB Bootstrap Snippets или
      откройте файл настроек и добавьте «acb-bootstrap—snippets.enabled»: true.
      Введите фрагмент и нажмите клавишу Tab.

      Bootstrap 3 — Minimum Template

      • bs3 — Minimum Bs3 Template

      Alerts

      • bs3alertdanger
      • bs3alertinfo
      • bs3alertsuccess
      • bs3alertwarning
      • bs3alert

      Buttons

      • bs3blockbuttondanger
      • bs3blockbuttondefault
      • bs3blockbuttondisabled
      • bs3blockbuttoninfo
      • bs3blockbuttonprimary
      • bs3blockbuttonsuccess
      • bs3blockbuttonwarning
      • bs3blockbutton
      • bs3buttondanger
      • bs3buttondefault
      • bs3buttondisabled
      • bs3buttongroupvertical
      • bs3buttongroup
      • bs3buttoninfo
      • bs3buttonprimary
      • bs3buttonsuccess
      • bs3buttontoolbar
      • bs3buttonwarning
      • bs3button
      • bs3lgbuttondanger
      • bs3lgbuttondisabled
      • bs3lgbuttoninfo
      • bs3lgbuttonprimary
      • bs3lgbuttonsuccess
      • bs3lgbuttonwarning
      • bs3lgbutton
      • bs3lgbuttondefault
      • bs3minibuttondanger
      • bs3minibuttondefault
      • bs3minibuttondisabled
      • bs3minibuttoninfo
      • bs3minibuttonprimary
      • bs3minibuttonsuccess
      • bs3minibuttonwarning
      • bs3minibutton
      • bs3smbuttondanger
      • bs3smbuttondefault
      • bs3smbuttondisabled
      • bs3smbuttoninfo
      • bs3smbuttonprimary
      • bs3smbuttonsuccess
      • bs3smbuttonwarning
      • bs3smbutton

      Carousel

      • bs3carousel

      // Sample Images
      //
      // https://pixabay.com/static/uploads/photo/2015/06/15/06/17/flowers-809927_640.jpg
      // https://pixabay.com/static/uploads/photo/2014/02/10/16/07/tulips-263513_640.jpg
      // https://pixabay.com/static/uploads/photo/2014/04/10/10/00/tulip-320774_640.jpg

      Forms

      • bs3formhorizontal
      • bs3forminline
      • bs3formlabel
      • bs3form
      • bs3inputcheckbox
      • bs3inputcolorh
      • bs3inputcolor
      • bs3inputdateh
      • bs3inputdate
      • bs3inputemailh
      • bs3inputemail
      • bs3inputhidden
      • bs3inputlabel
      • bs3inputmonthh
      • bs3inputmonth
      • bs3inputnumberh
      • bs3inputnumber
      • bs3inputpasswordh
      • bs3inputpassword
      • bs3inputradio
      • bs3inputrangeh
      • bs3inputrange
      • bs3inputreseth
      • bs3inputreset
      • bs3inputsearchh
      • bs3inputsearch
      • bs3inputselecth
      • bs3inputselect
      • bs3inputsubmith
      • bs3inputsubmit
      • bs3inputtelh
      • bs3inputtel
      • bs3inputtexth
      • bs3inputtext
      • bs3inputtimeh
      • bs3inputtime
      • bs3inputurlh
      • bs3inputurl
      • bs3inputweekh
      • bs3inputweek
      • bs3selecth
      • bs3select
      • bs3textareah
      • bs3textarea

      Work with columns

      • bs3col3equal
      • bs3col3unequal
      • bs3col2equal
      • bs3col2nested
      • bs3colmobdesk
      • bs3colmobtabdesk
      • bs3clearfloats
      • bs3offsettingcol
      • bs3pushandpullcol

      Icons

      • bs3iconglyphicon
      • bs3iconsample
      • bs3icon
      • bs3iconasterisk
      • bs3iconplus
      • bs3iconminus
      • bs3iconeuro
      • bs3iconcloud
      • bs3iconenvelope
      • bs3iconpencil
      • bs3iconglass
      • bs3iconmusic
      • bs3iconsearch
      • bs3iconheart
      • bs3iconstar
      • bs3iconstarempty
      • bs3iconuser
      • bs3iconfilm
      • bs3iconthlarge
      • bs3iconth
      • bs3iconthlist
      • bs3iconok
      • bs3iconremove
      • bs3iconzoomin
      • bs3iconzoomout
      • bs3iconoff
      • bs3iconsignal
      • bs3iconcog
      • bs3icontrash
      • bs3iconhome
      • bs3iconfile
      • bs3icontime
      • bs3iconroad
      • bs3icondownloadalt
      • bs3icondownload
      • bs3iconupload
      • bs3iconinbox
      • bs3iconplaycircle
      • bs3iconrepeat
      • bs3iconrefresh
      • bs3iconlistalt
      • bs3iconlock
      • bs3iconflag
      • bs3iconheadphones
      • bs3iconvolumeoff
      • bs3iconvolumedown
      • bs3iconvolumeup
      • bs3iconqrcode
      • bs3iconbarcode
      • bs3icontag
      • bs3icontags
      • bs3iconbook
      • bs3iconbookmark
      • bs3iconprint
      • bs3iconcamera
      • bs3iconfont
      • bs3iconbold
      • bs3iconitalic
      • bs3icontextheight
      • bs3icontextwidth
      • bs3iconalignleft
      • bs3iconaligncenter
      • bs3iconalignright
      • bs3iconalignjustify
      • bs3iconlist
      • bs3iconindentleft
      • bs3iconindentright
      • bs3iconfacetimevideo
      • bs3iconpicture
      • bs3iconmapmarker
      • bs3iconadjust
      • bs3icontint
      • bs3iconedit
      • bs3iconshare
      • bs3iconcheck
      • bs3iconmove
      • bs3iconstepbackward
      • bs3iconfastbackward
      • bs3iconbackward
      • bs3iconplay
      • bs3iconpause
      • bs3iconstop
      • bs3iconforward
      • bs3iconfastforward
      • bs3iconstepforward
      • bs3iconeject
      • bs3iconchevronleft
      • bs3iconchevronright
      • bs3iconplussign
      • bs3iconminussign
      • bs3iconremovesign
      • bs3iconoksign
      • bs3iconquestionsign
      • bs3iconinfosign
      • bs3iconscreenshot
      • bs3iconremovecircle
      • bs3iconokcircle
      • bs3iconbancircle
      • bs3iconarrowleft
      • bs3iconarrowright
      • bs3iconarrowup
      • bs3iconarrowdown
      • bs3iconsharealt
      • bs3iconresizefull
      • bs3iconresizesmall
      • bs3iconexclamationsign
      • bs3icongift
      • bs3iconleaf
      • bs3iconfire
      • bs3iconeyeopen
      • bs3iconeyeclose
      • bs3iconwarningsign
      • bs3iconplane
      • bs3iconcalendar
      • bs3iconrandom
      • bs3iconcomment
      • bs3iconmagnet
      • bs3iconchevronup
      • bs3iconchevrondown
      • bs3iconretweet
      • bs3iconshoppingcart
      • bs3iconfolderclose
      • bs3iconfolderopen
      • bs3iconresizevertical
      • bs3iconresizehorizontal
      • bs3iconhdd
      • bs3iconbullhorn
      • bs3iconbell
      • bs3iconcertificate
      • bs3iconthumbsup
      • bs3iconthumbsdown
      • bs3iconhandright
      • bs3iconhandleft
      • bs3iconhandup
      • bs3iconhanddown
      • bs3iconcirclearrowright
      • bs3iconcirclearrowleft
      • bs3iconcirclearrowup
      • bs3iconcirclearrowdown
      • bs3iconglobe
      • bs3iconwrench
      • bs3icontasks
      • bs3iconfilter
      • bs3iconbriefcase
      • bs3iconfullscreen
      • bs3icondashboard
      • bs3iconpaperclip
      • bs3iconheartempty
      • bs3iconlink
      • bs3iconphone
      • bs3iconpushpin
      • bs3iconusd
      • bs3icongbp
      • bs3iconsort
      • bs3iconsortbyalphabet
      • bs3iconsortbyalphabetalt
      • bs3iconsortbyorder
      • bs3iconsortbyorderalt
      • bs3iconsortbyattributes
      • bs3iconsortbyattributesalt
      • bs3iconunchecked
      • bs3iconexpand
      • bs3iconcollapsedown
      • bs3iconcollapseup
      • bs3iconlogin
      • bs3iconflash
      • bs3iconlogout
      • bs3iconnewwindow
      • bs3iconrecord
      • bs3iconsave
      • bs3iconopen
      • bs3iconsaved
      • bs3iconimport
      • bs3iconexport
      • bs3iconsend
      • bs3iconfloppydisk
      • bs3iconfloppysaved
      • bs3iconfloppyremove
      • bs3iconfloppysave
      • bs3iconfloppyopen
      • bs3iconcreditcard
      • bs3icontransfer
      • bs3iconcutlery
      • bs3iconheader
      • bs3iconcompressed
      • bs3iconearphone
      • bs3iconphonealt
      • bs3icontower
      • bs3iconstats
      • bs3iconsdvideo
      • bs3iconhdvideo
      • bs3iconsubtitles
      • bs3iconsoundstereo
      • bs3iconsounddolby
      • bs3iconsound51
      • bs3iconsound61
      • bs3iconsound71
      • bs3iconcopyrightmark
      • bs3iconregistrationmark
      • bs3iconclouddownload
      • bs3iconcloudupload
      • bs3icontreeconifer
      • bs3icontreedeciduous

      Images

      • bs3image
      • bs3thumbnailcontent
      • bs3thumbnail
      • bs3imagerounded
      • bs3imagecircle
      • bs3imagethumbnail
      • bs3imageresponsive
      • bs3thumbnailgallerysample
      • bs3responsiveembed16by9
      • bs3responsiveembed4by3

      Input Groups

      • bs3inputgroupaddontext
      • bs3inputgroupaddon
      • bs3inputgroupbtn
      • bs3inputgrouptextbtn
      • bs3inputgroup

      Labels

      • bs3labeldanger
      • bs3labeldefault
      • bs3labelinfo
      • bs3labelsuccess
      • bs3labelwarning
      • bs3label

      Link Buttons

      • bs3blocklinkbuttondanger
      • bs3blocklinkbuttondefault
      • bs3blocklinkbuttondisabled
      • bs3blocklinkbuttoninfo
      • bs3blocklinkbuttonprimary
      • bs3blocklinkbuttonsuccess
      • bs3blocklinkbuttonwarning
      • bs3blocklinkbutton
      • bs3lglinkbuttondanger
      • bs3lglinkbuttondefault
      • bs3lglinkbuttondisabled
      • bs3lglinkbuttoninfo
      • bs3lglinkbuttonprimary
      • bs3lglinkbuttonsuccess
      • bs3lglinkbuttonwarning
      • bs3lglinkbutton
      • bs3linkbuttondanger
      • bs3linkbuttondefault
      • bs3linkbuttondisabled
      • bs3linkbuttongroupvertical
      • bs3linkbuttongroup
      • bs3linkbuttoninfo
      • bs3linkbuttonprimary
      • bs3linkbuttonsuccess
      • bs3linkbuttonwarning
      • bs3linkbutton
      • bs3minilinkbuttondanger
      • bs3minilinkbuttondefault
      • bs3minilinkbuttondisabled
      • bs3minilinkbuttoninfo
      • bs3minilinkbuttonprimary
      • bs3minilinkbuttonsuccess
      • bs3minilinkbuttonwarning
      • bs3minilinkbutton
      • bs3smlinkbuttondanger
      • bs3smlinkbuttondefault
      • bs3smlinkbuttondisabled
      • bs3smlinkbuttoninfo
      • bs3smlinkbuttonprimary
      • bs3smlinkbuttonsuccess
      • bs3smlinkbuttonwarning
      • bs3smlinkbutton

      List Groups

      • bs3listgroupbadges
      • bs3listgroupcontent
      • bs3listgrouplinked
      • bs3listgroup

      370+ Большой набор Bootstrap элементов на сайт

      Здесь мы собрали большой набор готовых элементов для bootstrap 3 и bootstrap 4, включающий в себя более 370 готовых решений, которые подойдут каждому. Скачав и разместив код того или иного элемента на своём сайте, можно сэкономить реально кучу времени, не собирая ничего с нуля.

      Обязательно добавляйте данную страницу в закладки, чтобы нужные элементы из bootstrap были всегда под рукой.

      Эта сборка bootstrap элементов включает следующий функционал

      • Виджеты bootstrap
      • Чарты, статистики, граффики bootstrap
      • Навигация bootstrap
      • Оформление для личного кабинета bootstrap
      • Готовые якоря bootstrap для landing page
      • Toggle меню bootstrap
      • Мобильное меню bootstrap
      • Оформление карточки товаров bootstrap
      • Фотогалерея bootstrap
      • Оформление статей для блога
      • bootstrap инфографика
      • Резюме на базе bootstrap
      • Форма логин-пароль для bootstrap
      • Форма регистрации на сайте bootstrap
      • Иконки bootstrap
      • Блок поделиться в соц сетях
      • Интересные анимации и различные переходы
      • Кнопка меню гамбургер, открывающая целый блок
      • Табы bootstrap
      • Галерея изображений с переворотом фото к описанию
      • Адаптивная bootstrap таблица
      • Карточка с ценами для сайта
      • Плавно всплывающие блоки с описанием
      • Статусы посещений и различной статистикой
      • Дизайн блоки чтобы сайт выглядел более современно
      • bootstrap календарь событий
      • bootstrap меню с бесконечным списком пунктов
      • Блок наша команда с анимациями и описаниями
      • Красивые адабптивные виджеты соцсетей bootstrap
      • Красиво оформленные текстовые блоки
      • Тени box-shadow bootstrap
      • Виджет погоды
      • Свадебные приглашения
      • Граффики для фондовых бирж
      • Списки множественного выбора bootstrap
      • Функция уведомлений на сайте
      • Текстовый редактор на bootstrap
      • bootstrap эмулятор смартфона
      • Оформление страницы с ценами сайта
      • Функциональная корзина, с возможностью редактирования количества товаров
      • Табы навигации bootstrap
      • Различные кнопки для сайта button
      • Загрузчик файлов на сервер bootstrap
      • Различные выпадающие меню dropdown-menu
      • Прогресс бар bootstrap
      • Виджет поста на сайт
      • Таймлайн для описания деятельности по месяцам/годам
      • Фильтр товаров на bootstrap
      • Кнопка отправить на печать bootstrap
      • Факты о нас в цифрах
      • Адаптивная таблица сравнения товаров
      • Формы обратной связи для сайта
      • Установка рейтинга для чего либо на bootstrap
      • Форма заполнения для кредитных карт
      • Планировщик задач на bootstrap
      • Оформление и дизайн купонов
      • Тема продажи приложений
      • Блок отзывов на сайте
      • Блок отзывов каруселью для сайта
      • Записи для оформления блога
      • Виджет музыкального плеера bootstrap
      • Галерея с возможностью открыть фото во весь экран
      • Красивое разделение блоков dividers

      И это не весь список элементов которые присутствуют в данной сборке. Вы можете самостоятельно открать и опробывать каждый элемент

Понравилась статья? Поделиться с друзьями:
Все языки программирования для начинающих