トップ OSS紹介 Bootstrap

Bootstrap

サポート対象

Bootstrap情報

Bootstrapとは

Bootstrap(ブートストラップ)とは、HTML、CSS、JavaScriptのWebアプリケーションフレームワークです。

BootstrapはTwitter社が開発し2011年にTwitter Bootstrapという名で公開され、今では世界で最も人気のあるフレームワークとなっています。その人気はGitHubにおけるスターの数がFreeCodeCampに次いで全てのリポジトリの中で二番目に多かったということからも裏付けることができます(2019年1月時点)。Bootstrapのホームページは勿論、MongoDBなどOSSのホームページでもよくBootstrapが採用されています。

Bootstrapはレスポンシブルデザインに対応しており、デスクトップ端末だけでなく、スマートフォン端末やタブレット端末などにも柔軟に表示の調整をすることが可能です。そのため、Bootstrapのユーザは、さまざまなデバイスに対応した美しいWebアプリケーションを簡単に開発することができます。
また、テンプレートやプラグインも充実しており、Web上で数多く公開されているので、気に入ったデザインがあればそのテンプレートのライセンスを確認の上で流用することも可能です。
ただし、先にも挙げた通り、Bootstrapは現在様々なWebアプリケーションで採用されているメジャーなフレームワークの一つであり、 デザインが非常に特徴的であるがゆえに、画一的なデザインとなりがちです。そのため、独自性の高いデザインを求める場合は敢えて「Bootstrapを採用しない」といった選択がなされる場合もあります。

主な特徴

Bootstrapには次のような特徴があります。

  • レスポンシブルデザインに対応している
  • テンプレートやプラグインが充実している
  • 容易に見栄えの良いWebアプリケーションを構築できる
  • 画一的なデザインになりやすい

類似プロダクト

Foundation、Cascade Framework、Pure、Material UIなどがBootstrapと同様の機能を提供しています。いずれもオープンソースのフレームワークです。

ユースケース

Bootstrapの恩恵を受けるのは以下のようなユースケースです。

  • 少ない工数で見栄えの良いデザインにしたい
  • さまざまなデバイスに適応したデザインを実現したい
  • プロジェクト内にデザイナーが不在で困っている

動作環境

モバイル端末の対応ブラウザは次の通りです。

Chrome

Firefox

Safari

Android Browser & WebView

Android

対応

対応

該当なし

対応※

iOS

対応

対応

対応

該当なし

※Androidバージョン6以降に対応しています。

デスクトップ端末の対応ブラウザは次の通りです。

Chrome

Firefox

Microsoft Edge

Opera

Safari

Mac

対応

対応

対応

対応

対応

Windows

対応

対応

対応

対応

該当なし

※Internet Explorer はサポートされていません。IEのサポートが必要な場合は、Bootstrap v4を使用してください。

Bootstrapのライセンス

Bootstrapのライセンスは、MITライセンスです。 ソースコード公開の有無に関わらず、自由な再利用が認められています。

製品ダウンロード

オープンソース年間サポートサービス

OpenStandiaではOSSを安心してご利用いただけるように、オープンソース年間サポートサービスをご提供しております。
サポートしているOSSは下記ページをご参照ください。

お気軽にお問い合わせください

関連OSS

  • Vue.js
    サポート対象

    Vue.js

    ヴュー・ジェイエス。SPA(シングルページアプリケーション)に向いたJavaScriptフレームワークです。

  • React
    サポート対象

    React

    リアクト。Facebookが作成したMVCモデルのView領域を担当するJavascriptのUIライブラリです。

  • Angular
    サポート対象

    Angular

    アンギュラー。Googleが開発を行っているMV*モデルのJavaScriptのアプリケーションフレームワークです。

オープンソースに関するさまざまな課題、OpenStandiaがまるごと解決します。
下記コンテンツも
あわせてご確認ください。