1

Railsフォーム入力の横に設定されたFoundation Iconからカレンダーアイコンを使用しようとしていますが、Foundationの後置ラベルを使用することで見栄えを良くしながら2つを整列させる簡単な方法を考え出しました。これは私のコードとそれに続くスクリーンショットで、互換性があることを示していますが、それらを互いに整列させるという主な優先事項は起こりません:

<div class="row collapse">
  <div class="fourteen mobile-three columns">
    <label for="fundraiser-expire-at">End Date</label>
    <%= form.text_field 'expire_at',
                        class: 'datepicker' %>
  </div>
  <div class="two mobile-one columns">
    <span class="postfix">
      <i class="general enclosed foundicon-calendar show_datepicker"></i>
    </span>
  </div>
</div>

後置ラベルが入力と一致していません!

私が探しているものを聞く方法を知っている人はいますか？cssが必要ですか？私はcssがAソリューションであると確信しています.Foundationに組み込まれたスタイリングを使用してこれを機能させることができるかどうか疑問に思っています...

4

2 に答える 2

2

この質問は非常に簡単な修正で終わったので、削除することを考えましたが、この質問が持続することで誰か、どこかが恩恵を受けるかもしれないと考えました. 問題は、ラベルが入力と同じ 14 列のセクションにあることにあります。接尾辞は、ラベルと入力の組み合わせに合わせて最善を尽くします。入力がそのセクションの唯一のメンバーになるように 14 列の外側にラベルを配置すると、接尾辞は入力に揃えられます。

于 2013-05-09T04:14:49.343 に答える