在軌道中設置form_for寬度？

這是我爲我的edit.html.erb代碼：在軌道中設置form_for寬度？

<script src="http://js.nicedit.com/nicEdit-latest.js" type="text/javascript"></script> 
<script type="text/javascript">bkLib.onDomLoaded(nicEditors.allTextAreas);</script> 
<div class="row"> 
    <br /> 
    <div class="span12"> 
    <h2>Main content</h2> 
    <%= form_for(@post) do |f| %> 
    <% if @post.errors.any? %> 
    <div id="errorExplanation"> 
    <h2><%= pluralize(@post.errors.count, "error") %> prohibited this post from being saved:</h2> 
    <ul> 
    <% @post.errors.full_messages.each do |msg| %> 
     <li><%= msg %></li> 
    <% end %> 
    </ul> 
    </div> 
    <% end %> 
    <h1>New post</h1> 
    <div class="field"> 
     <%= f.label :Title %><br /> 
     <%= f.text_field :title %> 
    </div> 
    <div class="field"> 
     <%= f.label :content %><br /> 
     <%= f.text_area :content, :rows => "40", :cols => "40" %> 
    </div> 
    <div class="field"> 
     <%= f.label :slug_url %><br /> 
     <%= f.text_field :slug_url %> 
    </div> 
    <div class="field"> 
     <%= f.label :Project %><br /> 
     <%= f.text_field :project %> 
    </div> 
    <div class="field"> 
     <%= f.label :Desciption %><br /> 
     <%= f.text_field :desc %> 
    </div> 
    <div> 
     <%= f.submit %> 
    </div> 
<% end %> 
    </div> 
</div>

在我的網頁時，它加載的form_for東西是超級瘦，不會爆發一個很窄的部分。當我檢查元素時，我看着h2它跨越了整個12列，但其他一切都沒有。我可以調整文本區域的列號，它什麼也不做。它看起來像是默認最小的text_field寬度。

我如何能搞清楚到底是怎麼回事不對任何想法？

來源

2011-11-15 Noah Clark

在其他的答案中提到，這應該由你的CSS處理。雖然很難確切地知道你的樣式表中的內容，但是像這樣：

.edit_post input[type=text], .edit_post textarea { 
    width: 100%; 
    /* or */ 
    width: 450px; 
}

可能會工作。

來源

2011-11-15 15:29:47

我給你了綠色複選標記，因爲你是第一個回覆。其他人都有正確的想法，如果其他人遇到並且正在使用引導程序，它就在twitter引導程序的第630行。 –

我應該指出，我其實是最後迴應。答案在'領帶'的情況下隨機排列 - 查看時間戳以查看何時發佈答案。我建議儘管發佈時間通常是一個糟糕的尺度 - 更好的去與你發現最有用的:)。 –

他們都同樣有幫助。每個人都指出我的方向是正確的，但沒有更多的信息，沒有人能超越。我同意第一個帖子是一個非常糟糕的標準，但我討厭不把它頒發給某人。 –

檢查你的CSS。這是一個純粹的CSS問題，與Rails無關。

（特別提示：嘗試Haml的，而不是ERB）

來源

2011-11-15 15:17:09

我會希望在將來使用HAML 100％。我真的很喜歡它，但我試圖快速將它反饋出去，我在網上找到的大多數例子都在ERB中。 –

學習翻譯你的腦袋。這並不困難。如果沒有，使用'html2haml'。 –

好了，你沒有指定任何種類的寬度，除非你在你的樣式表，你沒有在您的文章包括做。是否有任何線纏繞（如標題< H1>或< H2>）？如果他們是，那不是你想要的，你可以在樣式表中爲你的h1/h2樣式添加「white-space：nowrap：」。我也注意到你是循環和添加列表（< LI>）。嘗試在< ul>標籤中指定寬度，以強制其與標題標籤（可能寬度：100％;）的寬度相同。只是一些想法，因爲我不知道你的樣式是什麼樣子:)

來源

2011-11-15 15:19:03 Losbear

試試這個：

<%= f.text_field :title, :style => "width:100px;" %>

它爲我，你可以改變的「100像素」取決於你的需求。

來源

2012-11-07 14:47:34

Downvoting：內聯樣式是一個壞主意。改爲使用外部樣式表。 –

在軌道中設置form_for寬度？

回答

相關問題