0

span3 および span4 列で TWBootstrap を使用します。span3 のテキストを span9 の画像の下に揃えたい。私はこれを達成したと思いますが、それをするために台所の流しに投げ込んだと感じています. また、TWB スパン サイズが機能しない理由がわかりません。たとえば、 leftcol テキストを右揃えにしてこの列の端に合わせるにはどうすればよいですか? 誰か説明してくれませんか - 私はぐるぐる回っているようです。例はjsfiddleにあります

<div class="container">
  <div id="main">
    <div class="row">
      <div id="leftcol">
        <span class="span4">
          <h1>Right</h1>
          <h4>Enter</h4>
        </span>
      </div>
      <span id="mainpic" class="span8 box">
          <p align="middle">green box </p>                <p align="middle">representing image</p>
      </span>
     </div>
  </div>
</div>

CSS

body { height: 100%; width: 100%; position: absolute; }
h1 h4 {  text-align:right; }
#main { position:relative; background:red; height:400px; width:300px; }
#leftcol { position:absolute; background:blue; bottom:5px;}
#mainpic { position:absolute; background:green; top:10px; left:25%; }
.box { height: 370px; width: 300px; border: solid 10px #ccc; } 
4

1 に答える 1

0

仕事に適したツールを使用しているかどうか疑問に思っていますか? すべてのコンテンツを幅 300px のメイン div にラップしました。他のいくつかの問題に加えて、この幅のブートストラップは単一の積み重ねられた列に折りたたまれます。

于 2013-05-05T11:33:35.473 に答える