私たちが本当に集中する必要があるのは色です。
ジャンボトロンから始めましょう。
JumboTronの中のすべてのものは、青色の色合いが違っていて、私がこの文書で3
0を見るために持っている色合いは、私たちのスタイルシートに行きます。ちょうどジャンボトロンを選択し、すべての色が新鮮で、崖を含めてすべてが青色に変わっているのを見ることができます。グリコンアイコンはテキストとして扱われます。
実際にはフォントなので、colorプロパティを使用して色を変更できます。
さあ、ちょっとややこしいナビバーに取り掛かりましょう。
背景色は悪くありません。
私たちがする必要があるのは、nav bar Invを選択することだけです。 または私たちができること。
今私たちが修正を止めた後であれば、nav
barを逆にして、その青い背景の背景色を付けてペーストしてリフレッシュします。
そして、あなたはそれが青色に変わるのを見ることができます。
しかし、ここで色を変えるには、私はそれらを灰色ではなく白くしたい。
私がちょうどスタイルのアンカータグが白であるようなものであるすべてのインクやタグをスタイルすると、それはうまく動作しません。
だから私はあなたが何を意味するかを見せます。
アンカータグの色は白です。
戻る。
それは有効ではありません。私たちが検査すれば、これは検査官には大いに役立ちます。
何が起こっているか見てみましょう。
それで、私たちの色の白が横切って、色がここに割り当てられていることがわかります。
この線の色はこの灰色で、チェックを外すと元の色に戻ります。
これはより具体的なセレクタであるためです。
あなたがそのレッスンに戻って考えることができるなら、私は特異性に関してしました。
これは、私たちがここに持っていたものよりも高い数またはより高い特異性の指標を持つように計算されます。
それは複数のクラスです。
それらの各1つがアンカータグよりも10倍詳細であることを忘れないでください。
だから私たちがやりたいことは、特定のものとなるセレクターを書くことであり、私たちはここでこれを盗むことができます。
だから私たちはここに行って、それを貼り付けてから、色を白に変えます。
だから、ブートストラップが持っていたのとまったく同じschlechterを上書きするだけです。
そして、ブートストラップの後に私たちのスタイルが発生することが重要です。そうすれば、それを上書きすることができ、新しいものであれば白いリンクが得られます。
最後に、Nav Barブランドにも同じことをします。
だからあなたはそれがnav bar dashブランドの中にあるのを見ることができます。
私たちのブランドでDautを選択し、その色を白で保存して元に戻すと、まだ動作しておらず、同じ問題があります。
それを調べると、ここでは、白に変わってしまった私たちのスタイルを横切って、このラインによって色が変わっていることがわかります。
今すぐバーブランドの場合は、ナビゲーションバーのInv。 私たちはそれを盗んで上書きすることもできます。
だから私たちはnav bar invが必要です。 今私たちのブランドです。
だから、基本的には、ブートストラップとスタイルの間のスタイルの戦いで頭に浮かび上がるスタイルを書いています。セレクタでは同じです。
だから、私たちが二番目に来るので、彼らは上に出てくるだろう。
彼らは元気に戻って勝つつもりはないし、決して行くつもりはない。
私たちはほとんどのスタイルを完了しています。
JumboTronのグレーの色をキャストすると、画面上で気付かれないことがあります。
だから私はその色をここに置いてコピーしてからRC
SSに行き、Jumbotronの背景をその灰色の色に変えてリフレッシュとして細心の注意を払う。
うまくいけば、それが変わるのを見ることができます。
それはちょうど変わった。
それはやや青みがかったグレーです。
だからすべてを試してみましょう。
NAVバーのサイズを変更しましょう。
Javascriptはうまく動作します。
そこに行く。
すべてがよさそうだ。
最後に私があなたに示すのは、ここで別のアイコンを使う方法です。
私が使っているものは、楽しいという素晴らしい図書館のものです。すごく面白いのは、たくさんの異なるアイコンを含む単純なライブラリです。
あなたがファントでそれを得ることができるようにアイコンでブートストラップで構築された方法よりも素晴らしい。
彼女を取得しないでください。
私はここのホームページにいると知っています。
アイコンをクリックすると580種類以上のアイコンが表示され、ここでそれらをすべて見ることができます。
また、Pucelle上で非常に簡単に行うことができない素晴らしい機能のうちの1つを検索することができます。
だから、私たちは写真を検索することができ、私はカメラとレトロなカメラを手に入れました。
しかし、それらのいずれかを使用する前に、インストールする必要があります。
あなたが始めてみるならば。
彼らはちょうどあなたがコピーすることができ、ちょうどあなたのアプリケーションの中に入れていい素敵なCDNを持っています。
だから、私たちはそれを突然最高の賃金に上げます。
そして今、私たちは面白い素晴らしいアイコンを使用することができ、それは本当に簡単です。
実際にあなたが好きなアイコンをクリックすると、私は平和サインを使用したいと言います。私はそれをクリックすることができ、コピーできるコードを少しだけ与えます。
だから、それはf aに等しいクラスのアイコンです。
驚くばかり。
そしてF. A. アイコンの名前をダッシュ​​します。
カメラのアイコンをこのアイコンに置き換えましょう。大きな平和サインが保存され、更新されます。
そして私たちには平和サインがあります。
だから面白い素晴らしいはかなり素晴らしいです。
それは本当に人気があります。
たくさんのすばらしいアイコンがたくさんあります。あなたが必要とするほとんどすべてのアイコンを見ることができます。
彼らは標準的なものの束を持っています。
再生ボタンを一時停止します。
技術と異なるインターネットアイコンのための異なるアイコンを後方に転送します。
しかし、彼らには平和の兆しのような楽しいものもいくつかあります。
私は彼らもSpockの手を持っていると思う。
したがって、他のフォントを使用するのと同じように、これらのいずれかを使用することができます。
そのため、色を変更したい場合は、サイズを変更する場合は、colorプロパティを変更するだけです。
あなたは実際にフォントサイズを変更します。
だから私はそのレトロカメラの検索を再利用するつもりだが、これはカメラダッシュレトロであるため、ダッシュカメラダッシュレトロを行い、リフレッシュを保存し、レトロカメラを取得する必要がある。
さて、私たちはギャラリーで仕上げました。
実際にイメージを変更することを除いて、あなたは私がこのラップを終えるとすぐにやるようにしています。
あなたはおそらくとにかく見ることを望んでいないでしょうが、私が最後にそれを含める場合に備えてください。
そこでここではBartraを十分に使って小さな変化を起こしました。これは、私たちが黒と白のNav
Barをどうやって取得したかということです。
しかし、実際に色を変えてしまったので、それは本当に重要ではありませんでした。
そして、我々はまた、それが上にどのように残っているかであるnav bar fixed topを使いました。
ここではグリッドシステムを使用して、ジャンボトロンを使用します。
私は、比較的制限されているブートストラップアイコンに組み込まれた概念をグリフとして導入しました。
あなたが使うものの大部分はありますが、時には何かを持っていないこともありますし、時には楽しい素晴らしいアイコンが楽しく見える方法を好むこともあります。
驚くべきことは、ピーカンのフードショーよりも確かに人気があります。私があなたに示した新しいことは、イメージの周りに置くことができるサムネイルクラスであり、そのイメージをグリッドに拘束し、
最後に、色を背景色に変更したい場合は、特殊性と、ブートストラップスタイルにどのように戦わなければならなかったのかを話しました。
Navの背景色を変更したい またはリンクのフォントの色とNevの色を指定します。
ここにブランドがあります。
それは次のビデオにあります。
私はブートストラップでランディングページを作る方法を紹介します。
そして私が約束したように、私は今ここで9つの異なるイメージを作るためにそれらのイメージリンクをコピーアンドペーストするつもりです。
だから、もしそれが次の1〜2分の間ぶらぶらして見たいものなら。
OK。
だから私はちょうど画面を分割し、これらのいくつかをこの最初のものにコピーして、ここでこれを置き換えて、次のものをやります。
古い場所。
これはここにある。
そして、次の1つは、私はこれがリベットであると確信しています、そして、私はそのようなラインの下で続けていきます。
さて、中途半端な過去。
私たちは近づいています。私たちがやったと思う最後のものは、すべてが良いか新鮮かを確認し、9つの異なるイメージがあることを確かめましょう。
驚くばかり。
大丈夫。
だから今私はやり遂げられました。
うまくいけばそのイメージギャラリーを作って楽しんだ。
次のビデオでお会いしましょう。