最近よく見かけるシングルページを作るデザイン塾。第2回では、ページの大まかなデザインを作成し、Bootstrapを使ってナビゲーションバーを実装しました。今回はlessファイルをカスタマイズして、オリジナルのデザインに近づけていきましょう。 index.htmlの ...
ナビゲーションバーの見た目も、variables.lessで変更できます。 「//== Navbar」のセクションでnavbarの背景やリンク色、アクティブの時の色を指定します。ナビゲーションバーの背景色を薄い灰色(#f8f8f8)から透明(transparent)に、リンク色をモスグリーン(#777 ...
「Bootstrap Theme Builder」はBootstrapのテーマを自由にカスタマイズできるサイトです。Bootstrapで定義されているさまざまなスタイルについてブラウザ上で細かく設定し、カスタマイズした内容をCSSとして保存できますよ。 WebサイトのデザインをBootstrapで作成する ...