Bootstrap Zero
Browse Themes by Tag Preview all themes Resources for Bootstrap Useful links for additional Bootstrap themes, extras and code snippetsOfficial Bootstrap Bootply Playground Bootstrap 4 Upgrade BootstrapBay WrapBootstrap HTML5 Zero StartBootsrap Why Bootstrap? It's no surprise that Bootstrap is the most popular frontend framework. Web designers and developers can leverage Bootstrap to build responsi
4色ã»ã©æŒ‡å®šã™ã‚‹ã ã‘ã§Twitter Bootstrapã®é…色を良ã„æ„Ÿã˜ã«ã—ã¦ãれるSass | mah365
ãã‚“ãªSassãŒç”ºç”°å…ˆç”Ÿã®CustomizedTwitterBootstrapã«å«ã¾ã‚Œã¦ã„ãŸã®ã§ã€ã“れをTwitter Bootstrap3ã«å¯¾å¿œã•ã›ã¦ã¿ãŸã®ã§ã—ãŸã€‚ ソース ã“ã¡ã‚‰ãŒè‰¯ã„æ„Ÿã˜ã«ã—ã¦ãれるベースã®å¤‰æ•°ã§ã™ã€‚ $base-colorã€$main-colorã€$accent-colorã€$base-text-colorを決ã‚ã‚‹ã“ã¨ã§è‰¯ã„æ„Ÿã˜ã«ã—ã¦ãã‚Œã¾ã™ã€‚僕ã¯ä¸‹ã®ãƒ•ã‚¡ã‚¤ãƒ«ã¿ãŸã„ãªãƒ†ã‚¤ã‚¹ãƒˆãŒå¥½ãã§ã™ã€‚ã»ã‚“ã‚ã‹ã—ã¦ã„る。仕事ã§ã¯ä½¿ãˆãªã„æ„Ÿã˜ãŒã‚る。 実際ã«èªã¿è¾¼ã‚€ã¨ãã«ã¯ã€Twitter Bootstrapより先ã«å¤‰æ•°ã‚’èªã¿è¾¼ã‚“ã§ãŠãã¾ã™ã€‚ //--------------------------------------------------------- // Color Scheme for Bootstrap @import colors/try @import color
Bootstrap 3.x対応ã€ãƒŸãƒ‹ãƒžãƒ«ã‹ã‚‰1ページã§æ§‹æˆã•ã‚ŒãŸã‚µã‚¤ãƒˆã¾ã§é«˜å“質ãªç„¡æ–™ã®ãƒ†ãƒ¼ãƒžãƒ•ã‚¡ã‚¤ãƒ«7㤠-Black Tie
プãƒãƒ€ã‚¯ãƒˆã‚„アプリã®ç´¹ä»‹ãƒšãƒ¼ã‚¸ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚„クリエイターã®ãƒãƒ¼ãƒˆãƒ•ã‚©ãƒªã‚ªãªã©ã€1ページã§æ§‹æˆã•ã‚ŒãŸã‚¦ã‚§ãƒ–サイトを美ã—ãデザインã—ãŸBootstrap 3.x対応ã®ãƒ†ãƒ¼ãƒžãƒ•ã‚¡ã‚¤ãƒ«ã‚’Black Tieã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ ã™ã¹ã¦ã®ãƒ†ãƒ¼ãƒžãƒ•ã‚¡ã‚¤ãƒ«ã¯ã€å€‹äººã§ã‚‚商用ã§ã‚‚ç„¡æ–™ã§ã™ã€‚
Bootstrapã«ä¾¿åˆ©ãªæ©Ÿèƒ½ã‚’è¿½åŠ ã§ãã‚‹jQueryプラグインã¾ã¨ã‚
Lightbox・モーダルウインドウ関連 / Bootbox.js / Bootstrap-modal他...全17件
Bootstrap 3 released
The Bootstrap Blog News and announcements for all things Bootstrap, including new releases, Bootstrap Themes, and Bootstrap Icons. Today, on the two year anniversary of releasing Bootstrap to the world, we’re shipping Bootstrap 3.0. It’s been a crazy long ride to say the least and we’re stoked to finally have this out in the wild. Thanks to everyone who’s tested our RCs (er, betas), reported bugs,
Bootstrapベースã®ç®¡ç†ç”»é¢ç”¨ãƒ†ãƒ³ãƒ—レート·Charisma MOONGIFT
Charismaã¯HTML5/JavaScript製ã®ã‚ªãƒ¼ãƒ—ンソース・ソフトウェア（Apache Licnese 2.0）ã§ã™ã€‚ Webシステム開発ã«ãŠã„ã¦æ„外ã¨ä¸é‡ãªã®ãŒç®¡ç†ç”»é¢ã§ã™ã€‚内部ã®äººãŒä½¿ã†ã‚‚ã®ãªã®ã§é©å½“ã«ä½œã‚‰ã‚Œã‚‹ã‚±ãƒ¼ã‚¹ãŒå¤šããªã‚Šã¾ã™ã€‚ãã“ã§ä½¿ã£ã¦ã¿ãŸã„ã®ãŒCharismaã§ã™ã€‚リッãƒãªç®¡ç†ç”»é¢ã‚’Boostrapをベースã«ä½œã‚Šä¸Šã’る事ãŒã§ãã¾ã™ã€‚ ウィジェットãŒã¤ã„ãŸã€ãƒªãƒƒãƒãªç®¡ç†ç”»é¢ã§ã™ã€‚ã“ã“ã¾ã§æµã¾ã‚Œã¦ã„るケースã¯æ—©ã€…ãªã„ã§ã—ょã†ã€‚ ドラッグ&ドãƒãƒƒãƒ—ã«ã‚ˆã‚‹é…置変更もサãƒãƒ¼ãƒˆã€‚ 折り畳んã§éš ã™äº‹ã‚‚ã§ãã¾ã™ã€‚ グリッドã¯ç´°ã‹ãサãƒãƒ¼ãƒˆã•ã‚Œã¦ã„ã¾ã™ã€‚ カレンダー。システム内部ã®ãƒ‡ãƒ¼ã‚¿ã‚’マッピングã™ã‚‹ã¨è¦‹é€šã—ãŒè‰¯ããªã‚Šãã†ã§ã™ã€‚ メンãƒãƒ¼ä¸€è¦§ã€‚検索やラベルもã‚ã£ã¦ä¾¿åˆ©ãã†ã§ã™ã€‚ ギャラリー。サムãƒã‚¤ãƒ«å†™çœŸã‚’ãã‚Œã„ã«ä¸¦ã¹ã¦ã„ã¾ã™ã€‚ タイãƒã‚°ãƒ©ãƒ•ã‚£ã€‚様々ãªã‚¿ã‚°ã‚’サãƒãƒ¼ãƒˆã—ã¦ã„ã‚‹ã®ã§å¥‡éº—
Bootstrapã§ç‰©è¶³ã‚Šãªãæ„Ÿã˜ã¦ã„るウィジェットをã¾ã¨ã‚ã¦æ供·Fuel UX MOONGIFT
Fuel UXã¯Bootstrap用ã€JavaScript/CSS製ã®ã‚ªãƒ¼ãƒ—ンソース・ソフトウェア（MIT License）ã§ã™ã€‚ Bootstrapを使ã£ã¦Webアプリケーションを開発ã—ã¦ã„ã‚‹ã¨ã€ã©ã†ã—ã¦ã‚‚足りãªã„コンãƒãƒ¼ãƒãƒ³ãƒˆãŒå‡ºã¦ãã¾ã™ã€‚ãƒãƒƒãƒˆã§æŽ¢ã›ã°è¦‹ã¤ã‹ã‚‹ã®ã§ã™ãŒã€çµ„ã¿åˆã‚ã›ã¦ã„る内ã«ãƒãƒ©ãƒ³ã‚¹ãŒæ‚ªããªã£ã¦ã—ã¾ã„ã¾ã™ã€‚ãã“ã§ä½¿ã£ã¦ã¿ãŸã„ã®ãŒFuel UXã§ã™ã€‚ 様々ãªã‚¦ã‚£ã‚¸ã‚§ãƒƒãƒˆãŒæä¾›ã•ã‚Œã¦ã„ã¾ã™ã€‚ã¾ãšãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã€‚ コンボボックス。é¸æŠžã—ãŸæƒ…å ±ãŒå–å¾—ã—ã‚„ã™ã„ã§ã™ã€‚ データグリッド。検索ã§ã®ãƒ•ã‚£ãƒ«ã‚¿ãƒªãƒ³ã‚°ã€ãƒšãƒ¼ã‚¸ãƒãƒ¼ã‚·ãƒ§ãƒ³ã‚‚サãƒãƒ¼ãƒˆã€‚ 検索ã™ã‚‹ã¨å³å´ã«Ã—ボタンãŒå‡ºã¾ã™ã€‚分ã‹ã‚Šã‚„ã™ã„ã§ã™ã。 タグ。×ボタンも出ã¦ã„ã¦æ¶ˆã™ã®ã‚‚ç°¡å˜ã§ã™ã€‚ 検索ボックス。 スピナー。上下ã®ãƒœã‚¿ãƒ³ã‚’使ã£ã¦å€¤ã‚’インクリメントã§ãã¾ã™ã€‚ ツリー。エクスプãƒãƒ¼ãƒ©ãƒ©ã‚¤ã‚¯ãªè¡¨ç¤ºãŒå®Ÿç¾ã§ãã¾ã™ã€‚ ウィザード。パン屑
ã²ã¨å‘³ã¡ãŒã†Twitter Bootstrapã®9個ã®ç„¡æ–™ãƒ†ãƒ³ãƒ—レート&有料ã¾ã¨ã‚サイト - é…’ã¨æ³ªã¨Rubyã¨Railsã¨
ã²ã¨å‘³ã¡ãŒã†Twitter Bootstrapã®9個ã®ç„¡æ–™ãƒ†ãƒ³ãƒ—レート&有料ã¾ã¨ã‚サイト Jan 28th, 2013 Tweet Twitter Bootstrapã¯ãƒ‡ã‚¶ã‚¤ãƒ³ãŒè‹¦æ‰‹ãªãƒ—ãƒã‚°ãƒ©ãƒžã®ãŸã‚ã®å¿…é ˆãƒ„ãƒ¼ãƒ«ã§ã™ã€‚今回ã¯ã€ä¸€å‘³é•ã£ãŸBootstrapサイトを作るã¨ãã«ãã£ã¨å‚考ã«ãªã‚‹ãƒ†ãƒ³ãƒ—レートをã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸï¼ (03/05 追記) FlatUIã€Bootstrap Expoã‚’è¿½åŠ ã—ã¾ã—㟠(03/24 追記) Flatstrapã‚’è¿½åŠ ã—ã¾ã—㟠(04/03 追記) MagicSuggestã‚’è¿½åŠ ã—ã¾ã—㟠(04/04 追記) Bootstrapã®ãƒªã‚½ãƒ¼ã‚¹ãƒã‚¿ã‚’別ã®è¨˜äº‹ã«ã—ã¾ã—㟠無料ã®ãƒ†ãƒ³ãƒ—レート ç„¡æ–™ã®Bootstrapテンプレートã®ç´¹ä»‹ã§ã™ã€‚Bootswachã®ã‚ˆã†ã«CSSã ã‘ã§é©ç”¨ã§ãã‚‹ã‚‚ã®ã¨ã€HTML/CSS/JSãªã©ã„ã‚ã„ã‚è¿½åŠ ã—ãªã„ã¨å®Ÿç¾ã§ããªã„ã‚‚ã®ãŒã‚ã‚Šã¾ã™
Social Buttons for Twitter Bootstrap 2
| Connect with Facebook | Connect with Twitter | Connect with Github | Connect with Pinterest | Connect with LinkedIn | Connect with Google Plus | Connect with Instagram | Connect with Dropbox | Connect with Bitbucket | Connect with Dribbble | Connect with Flickr | Connect with Foursquare | Connect with Renren | Connect with Skype
How To Customize Twitter’s Bootstrap — Smashing Magazine
One of Bootstrap’s appeals is that it just works. It’s a significant time-saver when starting a website, so much so that major organizations such as NBC, NASA and the White House are adopting it. And it empowers even the non-designers among us to turn out something decent. But what if your company logo is a different shade of blue? Not to worry. You don’t have to stick with the defaults. In this a
Bootstrap 3 ã§ä½•ãŒå¤‰ã‚ã‚‹ã®ã‹ã‚’ã¾ã¨ã‚ã¦ã¿ãŸ
Twitter Bootstrap 3 ã®å¤‰æ›´ç‚¹æ¦‚è¦ Bootstrap 自体ã®ä»•æ§˜ã ã‘ã§ãªã体制ãªã©ã‚‚変更ã•ã‚Œã‚‹ã‚ˆã†ã§ã™ã€‚ モãƒã‚¤ãƒ«ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆ twitter/bootstrap, twitter/bootstrap-server, mdo/bootstrap-blog（プライベートレãƒãƒ¼ãƒˆï¼‰ã‚’ twbs organization アカウントã¸ç§»è¡Œ サイト㮠URL ã‚’ http://getbootstrap.com ã«å¤‰æ›´ CSS ã¯ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–用スタイルもå«ã‚ã¦1ファイルã«ã™ã‚‹ IE7, Firefox3ç³» ã®ã‚µãƒãƒ¼ãƒˆå»ƒæ¢ Glyphicon ã®ãƒ•ã‚©ãƒ³ãƒˆç‰ˆã‚’採用 Apache ライセンスã‹ã‚‰ MIT ライセンスã¸ç§»è¡Œ *-wip ブランãƒã®é–‹ç™ºã‚¹ã‚¿ã‚¤ãƒ«ã‹ã‚‰ 3.1.0-modal-revamp ã®ã‚ˆã†ãªæ©Ÿèƒ½ã”ã¨ã®ãƒ–ランãƒã«å¤‰æ›´ éŽåŽ»ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã«ã‚¿ã‚°ã‚’使ㆠコミュニティã®
Bootstrapã®CSSã‚’ç°¡å˜ã«ã„ã„æ„Ÿã˜ã«ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã§ãる厳é¸ã‚µãƒ¼ãƒ“ス２＋１ã¤ç´¹ä»‹ | DevelopersIO
Bootstrapã„ã„よã Bootstrapã§ã™ã€‚大人気ã®è¦‹ãŸç›®ç³»ãƒ•ãƒ¬ãƒ¼ãƒ ワークã§ã™ã。ã„ã‚ã‚“ãªã‚µã‚¤ãƒˆã§è¦‹ã‹ã‘ã¾ã™ã€‚ 自分もãã†ãªã®ã§ã™ãŒã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã§ã‚³ãƒ¼ãƒ‰ã¯æ›¸ãã‘ã©ãƒ‡ã‚¶ã‚¤ãƒ³ã®äº‹ã¯ã‚ˆã知らãªã„。ã ã‘ã©ã€Œä½¿ã„ã‚„ã™ãã¦ã€ã„ã„æ„Ÿã˜ã«ã—ãŸã„ã€ã¨ã„ã†æ¬²æ±‚を満ãŸã—ã¦ãã‚Œã¦ã¾ã™ã€‚ãŸã ã€ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã¯è¦‹ã‚„ã™ã„ã‚“ã ã‘ã©ã€ã¡ã‚‡ã£ã¨ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã—ãŸã„ãªã¨ã‹ã€è‰²æŒ‡å®šãŒã‚ã£ãŸå ´åˆãªã©å›°ã‚Šã¾ã™ã。例ãˆã°ã‚ã‚Šãã†ãªã®ãŒã€Œã‚³ãƒ³ãƒ†ãƒ³ãƒ„管ç†ç”»é¢ã‚’作りãŸã„ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ç‰¹ã«ã“ã ã‚らãªã„ã€ã‘ã©ä½¿ã„ã‚„ã™ã„ã®ãŒã„ã„ãªã€‚ã€ã¨ã‹ã•ã‚‰ã«ã€Œã‚¤ãƒ¡ãƒ¼ã‚¸ã‚«ãƒ©ãƒ¼ãŒé’ã ã‹ã‚‰ãれベースã§ã€ã¨ã‹ã€‚ ãã‚“ãªã‚ãªãŸã«ã´ã£ãŸã‚ŠãªåŽ³é¸ãƒ„ールを紹介ã—ã¡ã‚ƒã„ã¾ã£ãã™ã…ã€œï¼ Lavish 〜 ç”»åƒã‹ã‚‰é…色を生æˆã—ã¦ãã‚Œã¾ã™ 〜 ã“ã®ã‚µãƒ¼ãƒ“スã¯ç”»åƒã‚’解æžã—ã¦Bootstrapã®é…色をæ»ã‚Šå‡ºã—ã¾ã™ã€‚ 何処ã‹ã®ä¼æ¥å‘ã‘ã«ä½œã‚‹å ´åˆã«ä¼æ¥ã®ãƒã‚´ãªã©ã‹ã‚‰é…色ã—ã¦ã¿ã‚‹ã¨ã„ã„æ„Ÿã˜ã«ãª
CakePHPã«Twitter Bootstrapプラグインを導入ã™ã‚‹ | mawatari.jp
CakePHPã«@slywalkerã•ã‚“ã®TwitterBootstrapプラグインを導入ã™ã‚‹æ–¹æ³•ã‚’メモã—ã¦ãŠãã¾ã™ã€‚ ã“ã“ã§ã¯ã€Twitter BootstrapプラグインをGit Submoduleã¨ã—ã¦ç™»éŒ²ã—ã€ç”¨æ„ã•ã‚ŒãŸã‚³ãƒžãƒ³ãƒ‰ã‚’利用ã—ã¦ãƒ“ルドã™ã‚‹æ–¹æ³•ã‚’示ã—ã¦ã„ã¾ã™ã€‚å¿…ãšã—ã‚‚ã€ã“ã®æ–¹æ³•ã‚’ã¨ã‚‹å¿…è¦ã¯ã‚ã‚Šã¾ã›ã‚“。次ã®çŠ¶æ…‹ã«ãªã‚Œã°è‰¯ã„ã®ã§ã€æ‰‹ä½œæ¥ã§ã®é…ç½®ã§ã‚‚å•é¡Œã‚ã‚Šã¾ã›ã‚“。 CakePHPã®Pluginディレクトリ以下ã«Twitter BootstrapプラグインãŒé…ç½®ã•ã‚Œã¦ã„ã‚‹WEBROOT_DIRã«Twitter Bootstrap関連ファイルãŒé…ç½®ã•ã‚Œã¦ã„る（CDNを利用ã™ã‚‹å ´åˆã¯ã€ãã®é™ã‚Šã§ã¯ãªã„）css/bootstrap.csscss/bootstrap-responsive.cssimg/glyphicons-halflings.pngimg/glyphicons-halfl
Railsエンジニアã®ãŸã‚ã®Twitter Bootstrapカスタマイズ例
Sassを使ã£ãŸã‚Šã€äººã‹ã‚‰ãƒ‘クã£ãŸã‚Šã—ã¦ã€æ¥µåŠ›å¤±æ•—ã—ãªã„方法
IDEA * IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
Twitter Bootstrapã®ãƒ†ãƒ¼ãƒžä½œæˆã‚‚出æ¥ã¦ã€ã‚¹ãƒžãƒ•ã‚©ã‚„タブレットã§ã®è¡¨ç¤ºçŠ¶æ…‹ã‚‚確èªå‡ºæ¥ã‚‹ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ãƒ»BootTheme - ã‹ã¡ã³ã¨.net
Twitter Bootstrap用ã®ãƒ†ãƒ¼ãƒžã‚’ 作æˆå‡ºæ¥ã‚‹ã€ã¨ã„ã†ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ çš„ãªã‚‚ã®ã€‚ãã‚Œã ã‘ã§ãªãã€ä½œæˆ ã—ãªãŒã‚‰ã‚¹ãƒžãƒ•ã‚©ã‚„タブレット㧠ã®è¡¨ç¤ºçŠ¶æ…‹ã‚‚確èªå‡ºæ¥ã¾ã™ã€‚ Twitter Bootstrapã®ãƒ‡ã‚¶ã‚¤ãƒ³ä½œæˆãƒ„ールã§ã™ã€‚Twitter Bootstrapã¯ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webデザインã«å¯¾å¿œã—ã¦ã„ã¾ã™ã®ã§ã€ã“ã®ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ã§ã‚‚スマフォやタブレットデãƒã‚¤ã‚¹ã®ã‚µã‚¤ã‚ºã§è¡¨ç¤ºç¢ºèªãŒå‡ºæ¥ã‚‹æ§˜ã«ãªã£ã¦ã„ã¾ã™ã€‚ 確èªã—ãªãŒã‚‰ä½œæˆã§ãã¾ã™ã€‚リンク色ã¨ã‹èƒŒæ™¯è‰²ã¨ã‹ãƒœã‚¿ãƒ³ã®ã‚«ãƒ©ãƒ¼ã¨ã‹ã€‚使ã„æ–¹ã¯ã‚ˆãã‚るジェãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ã¨ç›¸é•ãªã„ã®ã§å‰²æ„›ã—ã¾ã™ã€‚ 簡易的ãªã‚‚ã®ã§ã¯ã‚ã‚Šã¾ã™ãŒã€ä¸Šè¨˜ã®ã‚ˆã†ã«ã‚¹ãƒžãƒ•ã‚©ã‚„タブレットデãƒã‚¤ã‚¹ã®ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºã«ãƒªã‚µã‚¤ã‚ºã—ã¦è¡¨ç¤ºã‚’確èªã™ã‚‹äº‹ãŒå‡ºæ¥ã¾ã™ã€‚ コードã¯é€šå¸¸ã®CSSã ã‘ã§ãªãLESSå½¢å¼ã§ã‚‚発行å¯èƒ½ã§ã™ã€‚ ã‚‚ã†å°‘ã—使ã„å‹æ‰‹ãŒè‰¯ããªã‚‹ã¨å¬‰ã—ã„。今後ã«æœŸå¾…ã§ã™ã€‚Twitter
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Start Bootstrap
Loading...
Geo: A Timeless Bootstrap Theme from Divshot
Official CDN of Bootstrap and Font Awesome
{{#tags}}- {{label}}
{{/tags}}