簡単な質問をすることをお詫びしなければなりません。
どこが間違っているのかわからないので、コードの一部を抽出するのは難しいです。
これが私のindex.html.erb
http://pastie.org/10337500#71-79です
問題は、2つの間にスペースを追加したいということですdiv
。次に、そこにたくさん追加します<br>
が、うまくいかないようです。
これを解決する方法はたくさんありますが、カスタム間隔のレイアウトが必要なさまざまなセクションのページでアプリを実行しているようです。
シンプルで柔軟なアプローチは、CSSでグラフィカルスペーサーを作成することです。いくつかのアイデアの例。
あなたの資産/スタイルシート/custom.css.scssで
.gfx_mt_10 {
margin-top:10px;
}
.gfx_margins_my_x_section {
margin: 25px 25px 10px 10px ; /* Top Right Bottom Left */
}
あなたのhtmlで
<div class="gfx_mt_10">
<p>Everything in here is the section with a margin of 10 pixels at the top.</p>
</div>
<div class="gfx_my_x_section">
<p>Everything in here is the section with a margin of 25 pixels at the top.</p>
</div>
<div class="clearfix gfx_mt_10">
<p>Everything in here is the section which combines clearfix attributes + a margin of 10 pixels at the top.</p>
</div>
これらのグラフィカルウィジェットのようなCCSスペーサーを作成する場合は、それらを任意のクラスタグで使用できます。clearfixのようなグローバルを変更することはお勧めしません。これは、アプリ全体に意図しない結果をもたらす可能性があります。
まだ読んでいない場合は、こちらの公式リソースでCSSの機能を確認することを強くお勧めします。
追加する必要があります。Bootstrapを使用すると、作業は自動的に行われます。学習曲線がありますが、プラットフォームに柔軟なUIのフレームワークが作成されます。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加