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

不器用(TOT) エンジニアの気ままにプログラミング

~考え、作って、また考える~

Bootstrap

Bootstrap実行時のエラー_モーダルひらけない

モーダルを試してた時にエラーとなったのは、 formのpostが先に走ってしまう現象。 <button class="btn btn-default" data-toggle="modal" data-target="#modal-example">hoge</button> ↓ ↓ ↓ <button type="button" class="btn btn-default" data-toggle="modal" data-target="#modal-example">画像挿入</button> typeにbuttonを指定すると治る。

BootstrapのThemeサンプルのボタン

Bootstrapのサンプルの中のthemeを 実際にcssの呼び出しクラスを変更して試した。 まぁ、ボタンだけだが、CSSフレームワークとして、 Bootstrapのcssのクラスを呼び出すだけで、 簡単にリッチなボタンができるのがすごいと思う。 <実行結果とhtmlファイル…

Bootstrapのサンプル

Bootstrapのサンプルに関しては、公式サイトの の「downloading the Bootstrap repository」というリンクから ダウンロードでき、その中の「docs/example」という場所に サンプルが置いてあるようである。 実際にダウンロードしてみると、 対象のフォルダが…

Bootstrapの導入

色々とフロントエンドのフレームワークを 使ってみようと考え、 「Bootstrap」 というCSSフレームワークを導入。 導入に関しては、下記の公式サイトからダウンロードを行う。 getbootstrap.com あとは必要なファイルを実行する環境に設置すればオッケー。 公…