Honoka - 日本語も美しく表示できるBootstrapテーマHonokaはオリジナルBootstrapテーマです HonokaはBootstrapテーマの一つですが、以下の特徴を持っています。 Easy to Start HonokaはBootstrapを元に製作されているため、非常に高い互換性を持っています。マークアップに関する規約はほとんど変わりません。
Cluckles – Bootstrapテーマエディタ
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Bootstrapを使ってWebサイトを手早く作っている人は多いと思います。しかしデフォルトのままではBootstrapの味が強く残ってしまいます。しかし色や線の太さを変えるだけでも印象はずいぶん変わるものです。 そこで使ってみたいのがClucklesです。Clucklesはリアルタイムプレビュー付きのBoostrapテーマエディタです。 Clucklesの使い方 Clucklesを使えば独自のスタイル設定によってBootstrapの構造全体を壊してしまったなんて間違いが防げそうです。プレビューもあるので、その場で色や結果を確認しつつ、テーマを作れるでしょう。設定はJSONで出力もできるので繰り返し変更するのも容易です。 ClucklesはHTML5/JavaScript製のオープ
BootstrapDialog examples
Make use of Bootstrap's modal more monkey-friendly. Monkeys love the Modal Dialog from Bootstrap, but they're getting angry because they have to write this stuff: <div class="modal fade"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modal-title">Modal title</h4> </
Bootflat - フラットUIで格好いいBootstrapテーマ！ MOONGIFT
創造意欲がかき立てられますよ！ Boostrap臭を嫌って導入に踏み切れないという方は多いですが、それもあって多彩なテーマが開発されています。それらと入れ替えると、イメージががらっと変わって見えるはずです。 今回は最近流行のフラットUIを取り入れたBootflatを紹介します。フラット＝角張っているというイメージも壊してくれる素敵なテーマです。 Bootflatのスクリーンショット 今回はスクリーンショット多めで紹介します。 基本カラー。パステル系ではっきりとしていますね。 まずはボタンとボタングループ。 ボタン＋ドロップダウン、ラベル、バッジ、ツールチップなど。 ドロップダウンはもちろん階層対応です。 フォーム。 フォームの横にドロップダウンを付けることもできます。何かと応用できそうですね。 アラート。 タブ。4辺全てに対応しています。 ナビゲーションバー。 パン屑、通知、プログレスバー
Bootflat
BOOTFLAT is an open source Flat UI KIT based on Bootstrap 3.3.0 CSS framework. And, for the designers, we offer a free PSD Download. It provides a faster, easier and less repetitive way for web developers or designers to create elegant web apps. Compatible Browsers: IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome. Download (Version 2.0.4) MIT Licensed - Version 2.0.4 Learn more Designed for e
AngularStrap
About the project AngularStrap is a set of native directives that enables seamless integration of Bootstrap#^3.0 into your AngularJS#^1.2 application. With no external dependency except the Bootstrap CSS styles, AngularStrap is light and fast. It has been built from the ground up to leverage ngAnimate! AngularStrap is tested against the latest patch release of the 1.2, 1.3 and 1.4 branches. Quick
twitter bootstrap and angularjs directives | Errietta's blog ☕
The past few days, I’ve been experimenting with angularjs. It’s an awesome javascript MVC framework and I recommend checking it out if you haven’t! One of its features are directives which, among other things, allow you to replace html elements with a specific tag name or attribute name with a template and adjust their behaviour. This is nice if you have complex HTML structures in a website which
Angular directives for Bootstrap
UI Bootstrap Bootstrap components written in pure AngularJS by the AngularUI Team Code on Github Download (2.5.0) Create a Build Angular 2 For Angular 2 support, check out ng-bootstrap , created by the UI Bootstrap team. Dependencies This repository contains a set of native AngularJS directives based on Bootstrap's markup and CSS. As a result no dependency on jQuery or Bootstrap's JavaScript is re
Ruby on Rails 4.0でBootstrap 3.0を使う
この記事で分かること twitter-bootstrap 3.0をRuby on Rails 4.0で動かす方法について 内容 bootstrap 3.0について twitter-bootstrap-railsについて bootstrap 3.0 on rails 4.0 1.bootstrap 3.0について bootstrapとは，わりと誰でも簡単に整ったレイアウトのホームページを作れるようにするための無償のツールです． 細かいことはおいておきいますが，bootstrap を使って構築されたサイトが乗っている bootstrap-expoを見ると 何となく凄さが分かるのではないかなーと思います． （とは言え、自分レベルではbootstrapをどうカスタマイズしたらあのようなレベルになるのかさっぱりですが笑） 使い方は簡単で，bootstrapの公式サイトのGetting Started
10 best bootstrap design tools for 2014
Bootstrap is no doubt one of the most commonly used front end framework in 2013. I am sure many of you have played with or developed on this particular framework. While bootstrap is solid, there is no harming in seeking out more design tools that can make our lives a bit easier when developing on it. This is why I am rounded up this bunch of bootstrap design tool that you will be using in 2014 and
BootstrapベースのフラットUI実装フレームワーク「Furatto」:phpspot開発日誌
Furatto BootstrapベースのフラットUI実装フレームワーク「Furatto」。 今後、OSのUIとの親和性を考えるならフラットがいい感じにマッチしそうなトレンドですが、BootstrapベースのUIフレームワークが公開されました。 FlatをFurattoという日本語のローマ字っぽくしたネーミングで覚えやすいですね。 ツールバー ページネーション バッジ 画像の円形表示 Flatな物が求められる場合に使えそうですね。 関連エントリ Bootstrapのselectをカッコよくできる「Bootstrap-select」 BootStrapのフォーム入力をもっと便利にするための「Bootstrap Form Helpers」 Bootstrapベースのサイトでサイトの使い方をステップ別にオーバレイ表示できる「Bootstro.js」 Bootstrapのテーマで良い感じに動くオー
Twitter Bootstrap 2.0でjQuery Masonryを使ってレンガ状に画像を並べる方法
jQuery Masonryはレンガ状にFloatしたbox要素を敷き詰めてくれるjQueryのプラグインです テキスト要素だけだと読み込むだけで勝手にレンガ状になったのですが画像が含まれているとうまく行きませんでした サイトをよく見たら書いてあったんですが、解決に時間がかかったのでメモを残しておきます
Bootsnipp
Bootsnipp Design elements, playground and code snippets for Bootstrap HTML/CSS/JS framework What is this? Bootsnipp is an element gallery for web designers and web developers, anybody using Bootstrap will find this website essential in their craft. Stay updated, Subscribe to Bootsnipp mailing list (only important updates will be sent, your email is never shared or sold to anyone else)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Free Bootstrap Admin Template - AdminLTE.IO
Bootstrapで簡単にコンファームダイアログを作る
Rails4 に bootstrap-sass で Twitter Bootstrap3 を導入
AngularUI for AngularJS
Flat UI - Free Bootstrap Framework and Theme
New Content Available soon!
Bootstrap Expo