問題タブ [twitter-bootstrap-2]

プロジェクトの1つでTwitterブートストラップを使用しようとしていますが、本当に必要なのは、ページの中央にリンクとHTMLキャンバスがあるヘッダーです。参照：

HTMLキャンバスタグを追加して幅と高さを指定すると、2つの望ましくない効果が発生します。

• キャンバスの上部の境界線は切り取られており、キャンバスにマージンを適用する必要があります
• キャンバスが右に押され、再びマージンを適用する必要があります。

キャンバスをページの中央に配置したいのですが。

ブートストラップを使用しています：

メインもグレーの背景です。ページの背景は白です。私が抱えている問題は、テキストが灰色の背景の端にあることです。パディングが必要ですが、追加すると、画像スパンが次の行に移動します。

私が間違っているアイデアはありますか？

マウスがトリガーを離れるとすぐに消えるデフォルトのポップオーバーよりももう少し寛容になりたいボトム指向のポップオーバーがあります。

マウスがトリガーまたはポップオーバー コンテンツの上にある限り、開いたままにしておく必要がありますが、トリガー要素から矢印、コンテンツまで、それらの領域を離れずにマウスで移動する必要があるため、ユーザーにとっては大変です。ポップオーバーと対話するため。2つの解決策を念頭に置いていますが、どちらも機能していません:

1) delay オプションはこれを行うべきです。ポップオーバー呼び出しに追加 delay: {hide: 500} すると、マウスが離れた後にポップオーバーが開いたままになりますが、トリガー要素またはポップオーバーが消える前に再入力すると、ポップオーバーを開いたままにするようにブートストラップに指示されないため、最初のタイムアウトの終わりに消えます。

2) 矢印を含む要素を広げて、トリガー要素とポップオーバーの間でトリガー要素から背景に移動するマウスが機能するようにします (マウスがトリガー/要素を離れることはありません)。以下は、矢印が CSS 境界線を重ねて描画されることを除いて機能するため、背景は透明ではありません: http://jsfiddle.net/HAZS8/

回避策は、mouseover イベントと mouseleave イベントを jquery に固定接続するか、重なり合う境界線の矢印を画像に置き換えることです。より良い修正？

自分のサイトにブートストラップを使用していますが、1 つの jpg 画像を中央に配置するのに苦労しています。

次のコードを使用します

しかし、まだ画像が中央にありません...何が問題なのですか? どうもありがとう！！

テキストブロックを周囲の画像の高さに揃えようとしています。(このようなものhttp://s14.postimg.org/gqxt3rmu9/image.jpg )

Bootstrap 2 を使用したこの方法vertical-align: middleは機能しませんでした。どんな助けにも感謝します。

スタイル