[B! bootstrap] mocchiccã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

mocchicc id:mocchicc

bootstrapã«é–¢ã™ã‚‹mocchiccã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (32)

${{author_name}}$

{{author_name}} {{created}}

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

{{#following_bookmarks}}

${{author_name}}$

{{author_name}} {{created}}

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

{{/following_bookmarks}}

{{/is_wiped}}

Bootstrap 3ã‹ã‚‰Bootstrap 4ã«ç§»è¡Œã™ã‚‹æ™‚ã«çŸ¥ã£ã¦ãŠãå¿…è¦ãŒã‚ã‚‹æ³¨æ„ç‚¹ã®ã¾ã¨ã‚
Bootstrap 4ã§ã¯ãã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«æ–¹æ³•ã‚’ã¯ã˜ã‚ã€ã‚°ãƒªãƒƒãƒ‰ã®å˜ä½ã‚„ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ç”¨ã®classãŒå¤‰ã‚ã‚Šã€ãã—ã¦ã‚«ãƒ¼ãƒ‰ã‚„ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ãªã©ã®æ–°ã—ã„ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚„ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«Flexboxã‚‚åˆ©ç”¨ã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ Bootstrap 3ã‹ã‚‰Bootstrap 4ã«ç§»è¡Œã™ã‚‹æ™‚ã«çŸ¥ã£ã¦ãŠãå¿…è¦ãŒã‚ã‚‹æ³¨æ„ç‚¹ã‚’ã¾ã¨ã‚ãŸãƒªã‚¹ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ How to Migrate from Bootstrap Version 3 to 4 ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ â€»å½“ãƒ–ãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«è¨±å¯ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ Bootstrap 4ã§å¤‰ã‚ã£ãŸç‚¹ Bootstrapã®ãƒ•ã‚¡ã‚¤ãƒ«æ§‹é€ Bootstrap 4ã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« ã‚°ãƒªãƒƒãƒ‰ã‚·ã‚¹ãƒ†ãƒ ã®ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆ ãƒªã‚»ãƒƒãƒˆã¯ã€ã€Œnormalize.cssã€ã‹ã‚‰ã€Œreboot.cssã€ã« classã®å¤‰æ›´ã¨ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆ ã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ ãƒ†ãƒ¼
mocchicc 2016/03/17
Sass

bootstrap4

bootstrap
ãƒªãƒ³ã‚¯
Honoka - æ—¥æœ¬èªžã‚‚ç¾Žã—ãè¡¨ç¤ºã§ãã‚‹Bootstrapãƒ†ãƒ¼ãƒž
Honokaã¯ã‚ªãƒªã‚¸ãƒŠãƒ«Bootstrapãƒ†ãƒ¼ãƒžã§ã™ Honokaã¯Bootstrapãƒ†ãƒ¼ãƒžã®ä¸€ã¤ã§ã™ãŒã€ä»¥ä¸‹ã®ç‰¹å¾´ã‚’æŒã£ã¦ã„ã¾ã™ã€‚ Easy to Start Honokaã¯Bootstrapã‚’å…ƒã«è£½ä½œã•ã‚Œã¦ã„ã‚‹ãŸã‚ã€éžå¸¸ã«é«˜ã„äº’æ›æ€§ã‚’æŒã£ã¦ã„ã¾ã™ã€‚ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã«é–¢ã™ã‚‹è¦ç´„ã¯ã»ã¨ã‚“ã©å¤‰ã‚ã‚Šã¾ã›ã‚“ã€‚
mocchicc 2015/08/18
bootstrap

Japanese

design

ãƒ†ãƒ¼ãƒž

CSS

Webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯Bourbon/Neat/Bitters/Refillsã¯ç¾Žã—ã„ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? æ–°è¦Jekyllãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«Bourbon, Neat, Bittersã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¦ä½œæ¥ã—ãŸã‚‰ã€ã¨ã¦ã‚‚å¿«é©ã ã£ãŸã€‚ Bitters helps designers start projects faster by defining a basic set of Sass variables, default element style and project structure. â€“Â Bitters ã¨ã„ã†èª¬æ˜Žã®é€šã‚Šã€æ–°è¦ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆãŒã‚¹ã‚¿ãƒ¼ãƒˆãƒ€ãƒƒã‚·ãƒ¥ã§ãã‚‹æ„Ÿè¦šã€‚æœ€åˆã‹ã‚‰ã‚„ã‚ŠãŸã„ã“ã¨ã«é›†ä¸ã§ãã‚‹ã€‚ Bootstrapã§ã¯ã‚¹ã‚¿ãƒ¼ãƒˆ
mocchicc 2015/01/13
ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

css

bootstrap
ãƒªãƒ³ã‚¯
Bootstrap Expo
Beautiful and inspiring uses of Bootstrap
mocchicc 2014/11/11
bootstrap

Webãƒ‡ã‚¶ã‚¤ãƒ³

design

ã¾ã¨ã‚

ãƒ†ãƒ¼ãƒž

webdesign

nanasen
ãƒªãƒ³ã‚¯
1pxdeep | A flat Bootstrap 3 theme that changes color
Be sure to use the LESS version of Bootsrap. Include scheme.less anywhere. Include 1pxdeep.less after all Bootstrap LESS. A working index.less might look like this: @import "scheme.less"; // color scheme @import "bootstrap.less"; // bootstrap @import "1pxdeep.less"; // 1pxdeep theme @import "style.less"; // your own styles Need help with LESS? Try the LESS CSS project page.
mocchicc 2014/11/11
bootstrap

design

color

é…è‰²
ãƒªãƒ³ã‚¯
Flatstrap by Littlesparkvt.com
Always free, always Open-Source. Sometimes a project doesn't need gradients and drop shadows. We got rid of them. Get Flatstrap for Bootstrap 3
mocchicc 2014/11/11
bootstrap

flat

design

ui
ãƒªãƒ³ã‚¯
Flat UI - Free Bootstrap Framework and Theme
Checkboxes Unchecked Checked Disabled unchecked Disabled checked Radio Buttons Radio is off Radio is on Disabled radio is off Disabled radio is on
mocchicc 2014/11/11
flat

bootstrap

webãƒ‡ã‚¶ã‚¤ãƒ³

design

UI
ãƒªãƒ³ã‚¯
http://blog.shuffleee.com/482/
mocchicc 2014/11/11
bootstrap

nanasen

design

rails
ãƒªãƒ³ã‚¯
Bootstrap 5 & Vanilla JavaScript - Free Material Design UI KIT
Material Design for Bootstrap 5 & Vanilla JavaScript Standard Bootstrap version built with plain JS (but works also with jQuery)
mocchicc 2014/11/11
bootstrap

material

google

android

design
ãƒªãƒ³ã‚¯
å•†ç”¨ã‚‚ç„¡æ–™ï¼Bootstrapã‚’ãƒ™ãƒ¼ã‚¹ã«æœ€è¿‘ã®ãƒˆãƒ¬ãƒ³ãƒ‰ã‚’å–ã‚Šå…¥ã‚ŒãŸæ–°ä½œãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã®ã¾ã¨ã‚
Webãƒ‡ã‚¶ã‚¤ãƒ³ã®æœ€è¿‘ã®ãƒˆãƒ¬ãƒ³ãƒ‰ã€ç¸¦é•·ãƒšãƒ¼ã‚¸ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã€CSS3ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã€ãƒ•ãƒ©ãƒƒãƒˆã‚¹ã‚¿ã‚¤ãƒ«ãªã©ã‚’å–ã‚Šå…¥ã‚ŒãŸBootstrapã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Bootstrapã¯å…ˆé€±3.3.0ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã€Bootstrap4ã®é–‹ç™ºã‚‚é€²ã‚“ã§ã‚‹ãã†ã§ã™ã€‚4ã§ã¯IE8ã¯ã‚µãƒãƒ¼ãƒˆå¤–ã«ãªã‚‹äºˆå®šã€‚
mocchicc 2014/11/05
bootstrap

ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ

CSS3

webãƒ‡ã‚¶ã‚¤ãƒ³

ãƒ‡ã‚¶ã‚¤ãƒ³

webåˆ¶ä½œ

ãƒ†ãƒ¼ãƒž

nanasen

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
æ–°ç€è¨˜äº‹
ã€Žãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ãƒ»ãƒ–ã‚¤ã‚¢ã‚¤ãƒ”ãƒ¼ã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚ãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ã‚„ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ãŸã®ã—ã‚€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã€‚2009å¹´ï¼“æœˆå‰µåˆŠä»¥æ¥ã€3800ã‚’è¶…ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚ãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…è‰²ã‚„Webåˆ¶ä½œã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚å…¬é–‹ä¸ã€‚
mocchicc 2014/10/11
bootstrap
ãƒªãƒ³ã‚¯
Webãƒšãƒ¼ã‚¸ã‚„ã‚¹ãƒžãƒ›ã‚¢ãƒ—ãƒªã®æ´—ç·´ã•ã‚ŒãŸæ–°ã—ã„UIã‚’ãƒã‚§ãƒƒã‚¯ï¼ Bootstrapã®ãƒ†ãƒ¼ãƒžã‚„AI, PSDç´ æã®ã¾ã¨ã‚
Material Designã‚’å–ã‚Šå…¥ã‚ŒãŸBootstrapã®ãƒ†ãƒ¼ãƒžã€å°ã•ã„GUIã«é…åŠ›ãŒãŸãã•ã‚“è©°ã¾ã£ã¦ã„ã‚‹Apple Watchã€Appleã®ã“ã‚Œã‹ã‚‰ã®ä¸»åŠ›ã¨ãªã‚‹iOS 8ã®UIã€é€²åŒ–ã—ã¦ä½¿ã„ã‚„ã™ããªã£ãŸãƒ•ãƒ©ãƒƒãƒˆã‚¹ã‚¿ã‚¤ãƒ«ã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«æ“ä½œã®æ¥½ã—ã•ã¨ä½¿ã„ã‚„ã™ã•ã‚’ä¸Žãˆã‚‹ã•ã¾ã–ã¾ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãªã©ã€æ–°ã—ã„UIã‚’ä½“é¨“ã§ãã‚‹ç´ æã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ æ–°ã—ã„ãƒ¢ãƒŽã£ã¦è¦‹ã‚‹ã ã‘ã§ã‚‚ã€ãƒ¯ã‚¯ãƒ¯ã‚¯ã—ã¾ã™ã‚ˆãã€‚ Material Design for Bootstrap Material Design for Bootstrap -GitHub GoogleãŒæå”±ã™ã‚‹æ–°ã—ã„UXã€ŒMaterial Designã€ã‚’ãƒ¢ãƒãƒ¼ãƒ•ã«ã—ãŸBootstrap 3ç”¨ã®ãƒ†ãƒ¼ãƒžã€‚ ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã€ãƒ‘ãƒãƒ«ã€ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã€ãƒœã‚¿ãƒ³ã€ãƒ†ãƒ¼ãƒ–ãƒ«ã€ãƒ•ã‚©ãƒ¼ãƒ ã€ã‚¢ã‚¤ã‚³ãƒ³ã€ã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ãªã©ã€ã•ã¾ã–ã¾ãªUIã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆãŒæƒã£ã¦ã„ã¾ã™ã€‚
mocchicc 2014/09/30
bootstrap

ui

design

ç´ æ

Photoshop

psd
ãƒªãƒ³ã‚¯
Start Bootstrap
mocchicc 2014/09/19
Bootstrap
ãƒªãƒ³ã‚¯
70+ Free Bootstrap HTML5 Website Templates
mocchicc 2014/09/19
Bootstrap

template

HTML

webãƒ‡ã‚¶ã‚¤ãƒ³

webdesign
ãƒªãƒ³ã‚¯
Start Bootstrap
Start Bootstrap develops free to download, open source Bootstrap 5 themes, templates, and snippets and creates guides and tutorials to help you learn more about designing and developing with Bootstrap.
mocchicc 2014/09/19
Bootstrap

template

HTML

webãƒ‡ã‚¶ã‚¤ãƒ³

webdesign
ãƒªãƒ³ã‚¯
Bootstrap Templates - TemplateMag
Free Bootstrap Templates by TemplateMagLooking for a good, modern and easy to use Bootstrap template for your next website? You landed to the right place! We at TemplateMage create responsive, high quality and elegant website templates using Bootstrap, the most popular frontend framework. MaxiBiz is multi page business website template built with Bootstrap. It is suitable for all agencies, busines
mocchicc 2014/09/19
Bootstrap

template

HTML

webãƒ‡ã‚¶ã‚¤ãƒ³

webdesign
ãƒªãƒ³ã‚¯
Bootstrapã‚’ä½¿ã£ã¦åŠ¹çŽ‡ã‚ˆãWordPressã‚ªãƒªã‚¸ãƒŠãƒ«ãƒ†ãƒ¼ãƒžã‚’ä½œã‚‹
19. <div class="menu-mainmenu-container"> <ul id="menu-mainmenu" class="menu"> <li id="menu-it em-30" class="menu-it em menu-it em-type-post_type menu-it em-object-page menu- it em-30"><a href="http://localhost/wp/">HOME</a></li> <li id="menu-it em-31" class="menu-it em menu-it em-type-post_type menu-it em-object-page current- menu-it em page_it em page-it em-2 current_page_it em current_page_parent menu-it em-
mocchicc 2014/08/27
bootstrap

wordpress

PHP

web

ãƒ†ãƒ¼ãƒž

themes
ãƒªãƒ³ã‚¯
Home - revera
Etiam mauris tortor, pharetra quis lobortis in, pharetra in diam Duis tempus leo vitae ipsum viverra, blandit condimentum sapien porttitor. Duis porttitor sed metus eget mollis. Curabitur bibendum imperdiet tortor, ut pulvinar purus elementum nec. Suspendisse at erat luctus; hendrerit sapien sed, consectetur erat. Maecenas dignissim suscipit orci at molestie. Aenean fringilla dolor vitae lacus lac
mocchicc 2014/07/17
wordpress

design

bootstrap
ãƒªãƒ³ã‚¯
Bootstrap3 ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã‚’ä½¿ã‚ãšå›ºå®šå¹…ã§ä½¿ã†æ–¹æ³•
Bootstrap3ãŒå…¬é–‹ã•ã‚Œã¦ã—ã°ã‚‰ããŸã¡ã¾ã™ãã€‚2.*ã®ã¨ãã¯ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã¨å›ºå®šå¹…ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®CSSãƒ•ã‚¡ã‚¤ãƒ«ãŒåˆ¥ã‚Œã¦ã„ãŸãŸã‚ã€ç°¡å˜ã«åˆ‡ã‚Šæ›¿ãˆã‚‹ã“ã¨ãŒã§ãã¾ã—ãŸã€‚ãŒã€3ã«ãªã£ã¦ã‹ã‚‰ã¯ä¸€ç·’ã«ãªã£ãŸã®ã§ã€ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§ã¯å…¨ã¦ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã«ãªã£ã¦ã—ã¾ã„ã¾ã™ã€‚ ã“ã“ã§ã¯Bootstrap3ã®ã‚°ãƒªãƒƒãƒ‰ã‚·ã‚¹ãƒ†ãƒ ã ã‘ä½¿ã„ãŸãã¦ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã«ã—ãŸããªã„å ´åˆã®è¨å®šæ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ 1.metaè¦ç´ ã®viewportã‚’å‰Šé™¤ã™ã‚‹ /* ä»¥ä¸‹ã‚’å‰Šé™¤ã™ã‚‹ */ <meta name="viewport" content="width=device-width, initial-scale=1.0"> 2.containerã‚¯ãƒ©ã‚¹ã‚’ä»¥ä¸‹ã§ä¸Šæ›¸ã .container { max-width: none !important; width: 970px; } 3.navbarã‚’ä½¿ã£ã¦ã„ã‚‹ã¨ãã¯å´©ã‚Œã‚‹ã®ã‚’é¿ã‘ã‚‹ãŸã‚ä»¥
mocchicc 2014/06/30
bootstrap
ãƒªãƒ³ã‚¯
Allow click on twitter bootstrap dropdown toggle link?
mocchicc 2014/06/30
bootstrap

css
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸

ãŠçŸ¥ã‚‰ã›

ã‚‚ã£ã¨èªã‚€

å…¬å¼Twitter

@HatenaBookmark
ãƒªãƒªãƒ¼ã‚¹ã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“ã‚¹ã®ãŠçŸ¥ã‚‰ã›
@hatebu
æœ€æ–°ã®äººæ°—ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã®é…ä¿¡

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

jæ¬¡ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kå‰ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

lã‚ã¨ã§èªã‚€

eã‚³ãƒ¡ãƒ³ãƒˆä¸€è¦§ã‚’é–‹ã

oãƒšãƒ¼ã‚¸ã‚’é–‹ã

è¨å®šã‚’å¤‰æ›´ã—ã¾ã—ãŸx