見やすいUIを作れるフレームワークBootstrap4の使い方 [ホームページ作成] All About
見やすいデザインが簡単に作れるフレームワークBootstrap 自身のウェブページに、見やすくて使いやすいデザインや機能を簡単に用意できる便利なフレームワークの1つに、Bootstrap(ブートストラップ)があります。下図のように、ナビゲーションバー、サイドバー、メニュー項目、ボタン型リンク、段組レイアウトなどを活用した、PC・モバイル両対応のページが簡単に作れます。 Bootstrapの初版はTwitter社によって2011年8月に公開され、当初は「Twitter Bootstrap」と呼ばれていました。時代に合ったリニューアルを繰り返し、2018年2月には4番目のメジャーバージョンである「Bootstrap4」が正式リリースされています。 ブラウザ間の差異を気にせず簡単にデザインできるBootstrap 代表的なブラウザは数種類ありますし、閲覧者によって使用バージョンも異なります。それ
![見やすいUIを作れるフレームワークBootstrap4の使い方 [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/dc3244009be5ab9853f5ccf45b8c905a52c7aa45/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F3%2F9%2F3%2F0%2F7%2F8%2F201802281409%2Ftopimg_original.png)
Twitter BootstrapでさくさくWeb開発 : アシアルブログ
<div class="container-fluid"> <div class="row-fluid"> <div class="span4"> Span4の中身 </div> <div class="span8"> Span8の中身 </div> </div> </div> Preタグで囲むコード エンジニアの皆さんなら、ブログにコードを書きたいですよね。 Twitter Bootstrapでも、かっこ良くコードを見せる手法を提供しています。 ・codeタグで囲む 赤くなります。 ・preタグで囲む 囲み枠がつき、灰色になります。 ・Preタグ+Google Prettifyを使う preタグのclassに、prettyprint linenums を入れましょう。 これが超かっこいい！！コードを見せるならこれがよさそうですね！ さて、かっこいいGoogle Prettifyですが、こ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Twitter bootstrap入門 #twtr_hack
