AdminLTE Bootstrap Admin Dashboard Template Best open source admin dashboard & control panel theme. Built on top of Bootstrap, AdminLTE provides a range of responsive, reusable, and commonly used components.
概要 Bootstrap を使うと見た目がかなりキレイになりますが、まだまだイケてない部分があります。 例えば、Forms の File input。 汚い！！！せっかくその他のボタン等は綺麗なのに、もったいないですね。 そこで、少しでも見た目が Cool になるように改善したい思います。 今回は Bootstrap File Input というライブラリを導入してみました。 そして、このライブラリを利用して、実際に CSV ファイルをアップロードするための form を作ってみたいと思います。 お断り 本当は Bootstrap File Input を使うと、 例えば画像ファイルを選択した際にとても Cool なプレビューが表示されたりするのですが、 今回は CSV ファイルをアップロードするという用途に限定したいと思います。 気になる方は公式の デモ をご覧ください。 Bootstr
http://rubygems.org/gems/bootstrap_form-datetimepicker Twitter Bootstrap 3.x、bootstrap_formと組み合わせてbootstrap-datetimepickerを使うときのヘルパを提供する。 たとえば、 <%= bootstrap_form_for(@item) do |f| %> <%= f.datetime_picker :available_since %> <% end %> と書くと、 <div class="form-group"> <label class="control-label" for="item_available_since">Available Since</label> <div class="bootstrap_form-datetimepicker input-group
<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row"> <input type="h
bootstrap_form is a Rails form builder that makes it super easy to integrate Bootstrap v5-style forms into your Rails application. It provides form helpers that augment the Rails form helpers. bootstrap_forms's form helpers generate the form field and its label and all the Bootstrap mark-up required for proper Bootstrap display. bootstrap_form also provides: Validation error messages below the fie
BOOTSTRA/386 ][ (2013) demo 144KB BOOTSTRA/386 iii (2015) 423KB BOOTSTRA/386 4 (2020) - demo remaining issues - current build ブートストラップ/386 5.0 (2023) - In progress bootstrap.mp4 ____ ____ ____ _____________________ ___ ____ __ _____ ____ _____ / __ )/ __ \/ __ \/_ __/ ___/_ __/ __ \/ | / __ \ _/_/ |__ /( __ )/ ___/ / __ / / / / / / / / / \__ \ / / / /_/ / /| | / /_/ / _/_/ /_ </ __ / __ \ / /_/ /
そんなSassが町田先生のCustomizedTwitterBootstrapに含まれていたので、これをTwitter Bootstrap3に対応させてみたのでした。 ソース こちらが良い感じにしてくれるベースの変数です。 $base-color、$main-color、$accent-color、$base-text-colorを決めることで良い感じにしてくれます。僕は下のファイルみたいなテイストが好きです。ほんわかしている。仕事では使えない感じがある。 実際に読み込むときには、Twitter Bootstrapより先に変数を読み込んでおきます。 //--------------------------------------------------------- // Color Scheme for Bootstrap @import colors/try @import color
Over the past few days while working through a proof of concept web application. I was searching for a way to incorporate Twitter Bootstrap 3 as it will decrease my interface development time. Twitter Bootstrap 3 was released within the past few weeks so support from a gem was out of the question. I did try a few of the gems that were out there but most don’t support Bootstrap 3. The end solution
Sassを使ったり、人からパクったりして、極力失敗しない方法
twitter bootstrapを更に便利に使うgemがtwitter bootstrap railsです。 railsアプリを作りましょう。 rvmでgem set作ります。 rvm --create 1.9.3-p125@tbrsample railsアプリ生成します。 gem install rails --no-ri --no-rdoc rails new tbrsample gemを指定しましょう。 Gemfileのgroup :assetsに追加します。 cd tbrsample vim Gemfile gem "twitter-bootstrap-rails" どん bundle install --without=production bootstrapをgenerateしましょう。 必要なjsやcssをapp/assets配下に配置します。 rails g bootst
Bootstrapを使うと、複雑なCSSを書かなくても、綺麗な見た目のサイトを素早く作れて大変便利。なんだけど、UI的にはあまりよろしくない。はっきり言って、これは有害だ。 Bootstrapではタブやドロップダウンメニュー、モーダルダイアログといったUI要素を簡単に使えてしまうので、ついこれらに頼りすぎたUIになってしまう。これらのUI要素は、小さなウィンドウやモバイル機器のスクリーンといった狭い領域に情報を詰め込むための苦肉の策のようなもので、もし使わなくてすむなら使わない方が良い。タブとかドロップメニューがやたら多いアプリや管理画面ってだいたいゴチャゴチャしてて使いにくいですよね。 使いやすい画面を作るには、情報を取捨選択して、優先順位を考えて、適切な場所に情報を配置することが重要になる。けど、これらのUI要素を使うと好きなだけ情報を詰め込めんでしまえるので、情報の取捨選択をしなくな
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
