IT仕事

Twitter Bootstrap テスト

投稿日:2012年9月20日 更新日:

今日、Twitter Bootstrap をテストしたくて、本サイトを、標準テーマ + WordPress Twitter Bootstrap CSS プラグインにしてみました。

ほとんど動くのですが、しかし、ツールチップとポップオーバーが動かない。。。

そこでダメ元で、WordPressのテーマを「The Bootstrap 」というものにしてみたら、プラグイン無しでもTwitter Bootstrapが使えるようになりました。
ツールチップも、もちろん表示されます。

今見ているのが、その状態です。

以下の記事を参考にさせて頂きました。

Twitter BootstrapをWordpressで使ってみる (プラグイン初期設定と表示サンプル)。意外と簡単かも! | コネクト

下記のソースも、コネクト様の同ページからの引用です。

ボタン

OK OK OK OK OK OK

大きめのボタン:OK
小さめのボタン:OK

ボタンの大きさと色をCSSで設定:OK

> 続きを読む 

-IT仕事

執筆者:

関連記事

no image

レンタルサーバにあるXOOPSの本番環境をローカルのテスト環境/XAIOに移す手順

ローカルフォルダを上書きするので、手軽な方法でよいのでフォルダとDBのバックアップを取っておく。 まず、サーバ側 XOOPSテーマ、モジュール、Upload、Imagesの各フォルダをローカルのXAI …

no image

総会にて

「私も理事に名を連ねる一人なのに、事前に相談も無く勝手に動かれては困る」だの、 「会長に謝罪して欲しい」だの。 この件で何十分話をしているのだ いいかげんにして欲しい。 聞いてる20人の皆さんも、うん …

no image

今日知ったWordPressの便利なプラグイン

NextgenGallery:英語管理画面だけど、写真を一発表示・ページ作成できるので便利そう。今回は下述のwp-kougakuを採用したので、コチラは見送り。 php-code-widget:ウイジ …

no image

Artisteer4で作成したHTMLページを印刷するとCSSが画面でみたものと違う

「印刷するとずれる。画面と同じように印刷したい」と、お客さんが言う。 Artisteerでは style.css” media=”screen” となっているので、 …

no image

CSSで、はまった(画像の重なり・relative/absolute)

トラブル:トップページに配置した「ネットでの購入はこちら」ボタンが、ウィンドウの大きさに合わせて移動してしまう。 横長が狭い画面だと右の位置にあるが、広い画面だと真ん中に来る。CSSを見ると、posi …