Rails索引页面布局样式

时间:2014-10-18 09:21:07

标签: ruby-on-rails twitter-bootstrap ruby-on-rails-4 layout styling

建立双面市场。

我遇到的问题是协调不同长度的产品标题和添加到网站的说明。

http://frnsh.co.uk是该网站,可以在主页上查看示例。

看看truncate方法,但它似乎对我不起作用。

解决这个问题的最佳方法是什么?

1 个答案:

答案 0 :(得分:0)

我认为您应该使用'maxlength'限制用户输入屏幕上的产品标题字段的大小。 60对您的网站来说是一个很好的价值。

<input type="text" name="title" maxlength="60">

然后在css中为'.caption H3'设置'height'

.caption h3 {
  height: 78px;
}

使用此高度,您的页面将会很好看。