[salesforce][Bootstrap]利用する際の注意点

By 古城 篤|2月 5, 2013|Force.comでWeb制作, salesforce, twitter, 未分類, |

最近Flightのリリースなどフロント側のフレームワークに力を入れているTwitterですが、force.comでもちょっとしたデザインを組み込む際にBootstrap使いたかったので試してみました。

通常Bootstrapではbodyタグの最後にScriptの読み込むを行うことが推奨されていますが、Visualforceで利用する際はapex:pageタグの直前に記載します。
通常のままだとヘッダー画像が消え検索窓に枠がついてしまうのでbootstrap.cssを修正することでヘッダー画像、グローバル検索も通常通り表示されました。
BootstrapはApacheライセンスでコメント残せば修正はOKです。
ページ内でimgタグ、input[type=”text”]を利用する場合は別途Bootstrapのスタイルを指定する事で対応できそうです。
ただ上記以外にも落とし穴はありそうな気がするので実際に利用する際には注意が必要そうです。

Read More