3

この単純なコードをコーディングしました：

Html

    <div class="row offset3">
      <div class="title">Title1</div>
        <div class="title-arrow">
           <a href="#"><i class="icon-arrow-left"></i>GoBack</a>
        </div>
    </div>

CSS

   .title{
      margin-top: 20px;
    }

   .title-arrow{
      margin-top: -22px;
      margin-left: 50px;
      margin-bottom: 14px;
    }

私の問題は、Title1 をより大きなものに変更すると、たとえば、titllleeeeeeeeeeeeee のように矢印が右に動かないことです。わかりました。通常の動作です。クラス タイトルにプロパティ マージンを設定する必要があります。を入れてみましたmargin-right:10px;が、何も起こりません..

4

3 に答える 3

1

margin-left: 50px矢印に固定を設定したためです。タイトル div 内でスパンとしてラップする必要があります。

それをチェックしてください：http://bootply.com/83546

于 2013-09-27T09:13:08.713 に答える