-3

最近、twitter/bootstrap を見つけたのですが、私のように設計が苦手で生の html/css コードに苦労している人々にとって、便利でシンプルなソリューションだと感じています。特に個々のプロジェクトの場合、ブートストラップは退屈な作業を大幅に削減します。（固定バー、中央揃え、パディング、マージンなど）ただし、ブートストラップは色、サイズ、フォントなどの非常に限られたカスタマイズしかサポートしていないことに気付きました。特定の用途に合わせてブートストラップを段階的にカスタマイズする方法を知っている人はいますか. 私のシナリオでは、次の問題に直面しています。

  1. すべてのボタンのエンボス/投影効果を削除する方法。そのパターンはウェブ全体で使いすぎているようです。私はこれらの効果のない無地の色 (白色光を伴う) を好みます。

  2. ブートストラップはホバー ポップアウト メニューの解決策を提供していないようで、私の古いスクリプトはブートストラップの影響を受けて機能しなくなりました。私はそれについて間違っていますか？誰もがそのような解決策を知っていますか。このページの上部にある StackExchange のポップアップ メニューのようなソリューションを意味します。

  3. 自己定義の新しいクラスを追加する方法はありますか? ボタンの種類をもう一つ増やすとか、こういうこと？

  4. また、ブートストラップの利点を活用する方法についての良い提案を聞いてとてもうれしく思います。

また、生のcssおよびjsコードが非常に厄介であることがわかったため、これらの質問が飛び出します.方向性を明確に知らずにコードを書き直すのが良い考えであるかどうかはわかりません.

4

1 に答える 1

2

これを行うには、基本的に 2 つの方法があります。

  1. Github から .less フィールドをダウンロードし、必要に応じて編集して、独自のバージョンの Bootsrap をコンパイルします。結局のところ、それはオープンソースです。ファイルは適切に構造化され、文書化されています。less に慣れていない場合、これは難しいように思えるかもしれませんが、実際にはそれほど難しくなく、標準の css の代わりに less のようなプリコンパイラを使用することには多くの利点があります。私が選んだ方法です！詳細はこちら: http://lesscss.org/

  2. 独自のスタイルシートを作成し、bootsrap css の後にインポートします。この方法で、ブートストラップ スタイルを独自のスタイルで上書きし、完全に新しいスタイルを追加できます。

質問に個別に回答するには:

  1. テクニック 1 に従う場合は、次のようになります。
    • あなたのバージョンのbuttons.lessを編集してくださいhttps://github.com/twitter/bootstrap/blob/master/less/buttons.less
    • .buttonBackground(@btnPrimaryBackground, @btnPrimaryBackgroundHighlight);146行目以降で、を次のようbackground-color: @btnPrimaryBackgroundに 置き換えます
    • bootstrap.less を再コンパイルしてください。
  2. ポップオーバーはどうですか: http://twitter.github.io/bootstrap/javascript.html#popovers中に独自のメニューを配置できます。
  3. 確かに、私の答えの最初の部分で説明したように。これにはオプション 1 を使用するのが最善ですが、どちらの方法でも可能です。
  4. 繰り返しますが、回答のパート 1、オプション 1... (ここでパターンを見つけています)

これが途中で役立つことを願っています。ブートストラップを楽しんでください。レスポンシブ機能をチェックすることを忘れないでください。ブートストラップが優れているのは私の意見です!

于 2013-06-12T22:17:03.643 に答える