バグ追跡 Web アプリ用の素敵なダッシュボードを作成するためにブートストラップをいじっていますが、希望どおりに表示することができません...
ダッシュボードには、ログインしているユーザーに基づいてさまざまな統計が表示されるため、参照したいさまざまな数の「ウィジェット」を使用できるように、コードを耐性にする必要があります。アイデアは、すべてのウィジェットに「span6」コンテナーを使用し、ブートストラップでそれらを並べて (行ごとに 2 つ) 自動的にスタックすることです。表示されるウィジェットの数がわからないので、<div class="row">要素は使用していません。
もう少し難しくするために、各ウィジェットにもアコーディオン クラスを追加して、それらを個別に折りたたむことができるようにしたいと思います。
最初にすべてを<div class="span12">要素に入れ、その下に span6 要素を追加しました。
ここにすべてを書き留める代わりに、bootply で小さな例を作成しました: Bootply リンク
ただし、何らかの理由で、span6 が 2x2 ではなく、互いの下に表示されています。また、テキストの周りのラベル (たとえば、「0 件のバグがクローズされ、あなたに割り当てられました。よくやった!」) の右側の角が丸くなっていないため、span6 は小さすぎるようです。
このコードを調べて、どこで間違ったのか教えていただければ幸いです。
ありがとう！