Bootstrap
BootstrapBootstrap v5.3 (switch to other versions) v5 releases Latest (5.3.x) v5.2.3 v5.1.3 v5.0.2 Previous releases v4.6.x v3.4.1 v2.3.2 All versions Get Security Updates for Bootstrap 3 & 4 Build fast, responsive sites with Bootstrap Powerful, extensible, and feature-packed frontend toolkit. Build and customize with Sass, utilize prebuilt grid system and components, and bring projects to life w
Bootstrap3でさくっとレスポンシブ化してみる
誰でも簡単にレスポンシブサイトを作ることができるBootstrap。前回の記事ではBootstrap3を使ってCacooで作ったのワイヤーフレームから簡単なWebサイトを制作しました。 Botstrap3でサクッとWebサイトをつくってみる 今回はそのWebサイトをレスポンシブレイアウトに最適化していきたいと思います。Bootstrapを使えばクラス名を指定するだけで簡単にレスポンシブ化も可能なのですが、実際には少し修正が必要な場合があります（デフォルトのスタイルを変更した場合など）。 前回作ったwebサイトも少し修正したいところがあるので、ここで完成するまでの修正作業を行いたいと思います。 制作したWebサイトをレスポンシブ化する では前回作ったサイトをチェックしてみましょう。 全体的には問題ないのですが、一部修正が必要な箇所があります。 ナビメニューの崩れ 画像ボックスの幅 ナビメニュ
Bootstrap3でさくっとWebサイトを作ってみよう
CSSフレームワークの中でも人気のあるBootstrap。最近3.0にアップデートされさらに使いやすくなっていますね。 Bootstrapが真価を発揮するのはレスポンシブサイトの制作時。ちょこっとクラス名を付け足すだけで、簡単にレイアウトを作ることができます。 Bootstrapのようなフレームワークを知るまではレスポンシブレイアウトってものすごく敷居が高いと思っていたのですが、このBootstrapのおかげで簡単に構築することが可能になっています。 この記事ではワイヤーフレームからさくっとレスポンシブレイアウトを作成する方法を紹介します。が、その前にまずはPCサイズのレイアウトを完成させてからそれをレスポンシブ化していくことにします。少し長くなったのでレスポンシブ化はこちらの記事で紹介しています。データのダウンロードもできるので是非ご覧下さい。 Bootstrap3でさくっとレスポンシブ
Bootstrapの使い方超入門 (1/4) - ＠IT
話題のレスポンシブWebデザインも簡単にできる、CSSフレームワーク「Bootstrap」の概要と基本的な使い方をサンプルとコードを交えて紹介します。 最近はやりのHTML5、JavaScriptライブラリ、CSS3、APIの紹介、またそれらを組み合わせたサンプルアプリケーションの紹介と解説を厳選して紹介、解説していく本連載「HTML5アプリ作ろうぜ！」。今回紹介するフレームワークは「Bootstrap」です。 話題のレスポンシブWebデザインも簡単にできる、CSSフレームワーク「Bootstrap」とは 現在のWeb制作、開発では、ともにスピードが重視されています。「Bootstrap」を使用すると、既に用意されているスタイルを適用するだけで、格段に速く見栄えを整えられます。事実、Webシステムの管理画面などでBootstrapを使用するケースも増えてきました。 Bootstrapは最近
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
