読者です 読者をやめる 読者になる 読者になる

感謝のプログラミング 10000時間

たどり着いた結果(さき)は、感謝でした。

Bootstrap

ページ上部に固定されるナビゲーションバーを作る

Bootstrapのコンポーネントの中でも特に便利なのがナビゲーションバーです。 Bootstrapのナビゲーションはすべてレスポンシブで、モバイル環境では折りたたんだり、たたんだりもできます。タイトルの上部に固定されているというのは、以下のようなイメージで…

グリッドシステムの基本を学ぶ

Grid system。 聞きなれないこの言葉は、はてなキーワードによると以下のように定義されています。 レイアウトを行う際、画面上に架空の縦横線をガイドラインとして引き、そのブロックごとに文字や図版を配置し、無駄なくスッキリした画面を作る手法。 以下…

Bootstrap便利そうなので、使ってみながら順番に画像を載せていく。

Bootstrapがけっこう便利そうなので、とりあえず、何もしてないHTMLにBootstrapで味付けしていってみます。アプリのダウンロードサイトを作っていくイメージです。まずは、Bootstrapの機能を使っていないHTMLを書いてみます。 <html> <head> <title>BootStrap Example</title> <meta name="viewport" content="width-device-width, initial-scale=1.0" > </meta></head></html>

bootstrapを使って、tableのセルいっぱいにフォームを広げて表示してみる

1.前提 前提となる環境はSpring-mvcで、bootstrapを取り込んでいる。 前回の記事→http://programming-10000.hatenadiary.jp/entry/20140204/1391521592 しかし、今回のサンプルはBootstrapの使い方の部分にフォーカスを当てているため、特に影響はない。 2.…