WordPressの勉強がてら

WordPressの初心者が独学でホームページ作成したときの技術メモ

WordPressの勉強がてら

bootstrapのグリッドレイアウトだけ使うのが好き

   

bootstrap便利です。WEB製作でレスポンシブ対応するときこれを使ってます。でも全部の機能を使う事はまずありません。仕事上では、ボタンや表などかなりデザイン処理が入るのでカスタマイズします。

なのでグリッドレイアウトの機能だけ使ってます。

スポンサーリンク

カスタマイズしてダウンロード

全機能を組み込むと重たくなるので下記から必要な機能だけカスタマイズできます。

http://getbootstrap.com/customize/

必要なものだけチェックを入れればいいのですがどれをチェックしたらいいかわかりません。

私は下記を使用してます。

・Grid system
・Responsive utilities

グリッドレイアウトの機能だけであれば 「Grid system」だけでいいのですが「Responsive utilities」もつけます。

Responsive utilitiesには下記のよく使う機能があるから。

.visible-xx
.hidden-xx
.clearfix
.img-responsive

<br class=”hidden-xs”>(スマホのときは改行を削除)とかvisible-xx、hidden-xxはよく使います。

データサイズも十数kbと軽量です。

bootstrap感も出さずに製作できます。

 

 - その他Tips

  • このエントリーをはてなブックマークに追加

  関連記事

thumbnail_other
サイトにFacebookページを埋め込む方法–LikeBoxは廃止。Page Pluginになります–

以前LikeBoxを使った以下の記事を書いたのですが2015/6/23日をもって …

thumbnail_other
ブラウザ上の画面を範囲を指定してクリップボードにコピー

ブログを投稿するとき、よく画面のコピーをとることがあります。標準機能の「Alt …

thumbnail_other
Google AdSenseを導入してみた

Google AdSenseを導入したので手順のメモ。Google Adsens …

thumbnail_other
GoogleMapへのリンクを住所で貼るときに失敗したこと

ホームページ上からGoogleMap上に指定した住所へリンクを貼った時に軽くトラ …

thumbnail_other
Google Analytics で特定のIPアドレスからのアクセスを除外する

Google Analytics でアクセス解析したいとき、管理者からのアクセス …

thum_other
PhotoShopを使って背景の邪魔な物体を簡単に削除する

PhotoShopの初心者の私です。今回、画像に写っている邪魔な物体を削除するの …

thumbnail_other
Adobe Bridgeで画像ファイルの名前を一括変換する方法

デジカメの画像データなどファイル名を管理する時、「好きな名前」+「通し番号」を付 …

thumbnail_other
ネットショップBASE(ベイス)のAPIを使って商品一覧を表示させてみた

簡単に無料でネットショップが開設できるサービス「BASE」。無料ってのがとても魅 …

thumbnail_other
HPに各スタッフのアメブロのタイトルを新着順に表示させる

あるお店の各スタッフのアメーバブログの更新情報をホームページに乗せることになり、 …

thumbnail_other
フォルダ内のファイル一覧をテキストデータに落とす方法

データを納品する際の資料作成時など、ファイルの一覧表を作りたいことがたまーにあり …