bootstrapに関するauyaのブックマーク (2)

  • npmでBootstrapをインストールしてWebpackでコンパイルする方法(同時にjQueryも)

    node.js(npm)のインストール まず、node.jsをインストールします。同時にnpmも入ります。 公式からインストーラーをダウンロードして、PCにインストールします。 webpackの導入 Bootstrapなどをインストールして使うには、コンパイラー(生のスクリプトをコンピュータ言語に変換するためのツール)が必要です。今回はwebpackを使います。 プロジェクトフォルダに移動して以下の手順でコマンドを入力していきます。ここから先は、ターミナル(コマンドプロンプトなど)からの操作になります。 npmのセットアップ(初期化) $ npm init -yes -yesオプションを付けると、セットアップ項目が全てデフォルトで設定されます。(付けない場合は、項目毎にEnterを押すか入力が必要) 実行後、プロジェクトフォルダ内に、以下のファイルが作成されます。 package.json

    npmでBootstrapをインストールしてWebpackでコンパイルする方法(同時にjQueryも)
  • Bootstrap3.xで最低限度のレスポンシブ対応フロント画面を作る - Qiita

    プログラマの永遠の悩み。デザイン。 とりあえず何か作らないといけない時のためのメモ。 やりたいこと Bootstrapでティザー等、最低限度のフロント画面を作る方法をとりあえずまとめておきたい。 基レイアウトを決めておけば、全体のデザインやパーツ、パーツをデザイナさんにお願いしやすい。 別にFoundationでいいのですが、管理画面はBootstrapベースのAdminLTEで作るので、ノウハウを極力一元化しておきたい。 作るもの とりあえずこんなやつ。いちおうデモサイトも。 英語やマット系で作るとそれなりにかっこ良くなり、実データ(日語)を適用した際のギャップに凹むのでとりあえず、ゴリゴリの日語かつ普通の写真で作る。 全体の配色やカルーセル画像をデザイナさんにお願いするような流れとする。 また、スマホ?サイズの場合は、メニューが隠れる(collapse)ようにし、カルーセルの文字

    Bootstrap3.xで最低限度のレスポンシブ対応フロント画面を作る - Qiita
  • 1