0

ブートストラップでコンテンツ プレビュー グリッドを構築しようとしています - medium.com で見られるものとほぼ同じです。

現在、動的ブートストラップでこの種の構造を使用しています。

<div class="container">
  <div class="row">
    <div class="span4">CONTENT BOX 1</div>
    <div class="span4">CONTENT BOX 2</div>
    <div class="span4">CONTENT BOX 3</div>
  </row>
  <row>
    <div class="span4">CONTENT BOX 4</div>
    <div class="span4">CONTENT BOX 5</div>
    <div class="span4">CONTENT BOX 6</div>
  </row>
</div>

そのため、適切にフレーム化され、パディングされたコンテンツ コンテナーを取得するために、ブートストラップの "well" クラスを使用/適応させることを考えました<div class="span4 well">が、そのクラスの css パディング/マージンはページ構造を壊します。

ブートストラップでこれを実現する「クリーンな」方法はありますか?それとも、独自のクラスをゼロから構築する方がよいでしょうか? その場合、最善/最もクリーン/最もハッキングされていないアプローチは何ですか?

前もって感謝します！

4

1 に答える 1

3

css フレームワークの最新バージョンを使用していますか?

<div class="row">
   <div class="span4">
      <div class="well">sdfijoidfisdonsdfiosdnfosdi</div>
   </div>
   <div class="span4">
      <div class="well">sdfijoidfisdonsdfiosdnfosdi</div>
   </div>
   <div class="span4">
      <div class="well">sdfijoidfisdonsdfiosdnfosdi</div>
   </div>
</div>
<div class="row">
   <div class="span4">
      <div class="well">sdfijoidfisdonsdfiosdnfosdi</div>
   </div>
   <div class="span4">
      <div class="well">sdfijoidfisdonsdfiosdnfosdi</div>
   </div>
   <div class="span4">
      <div class="well">sdfijoidfisdonsdfiosdnfosdi</div>
   </div>
</div>

これは私にはうまくいきます！

于 2013-01-11T16:49:42.030 に答える