簡單窗體 - 水平對齊複選框

我正在尋找水平對齊複選框。試圖與容器內聯的css顯示等無濟於事。我使用的引導和在軌道上簡單的表單5簡單窗體 - 水平對齊複選框

當前代碼：

<%= f.input :value_regex_options, as: :check_boxes, :collection => ["i", "m", "x", "o"] %>

結果

來源

2016-10-21 Dimitri de Ruiter

嘗試了這個CSS屬性

display: inline-block;

來源

2016-10-21 07:36:56

不是;使用這個'<％= f.input：value_regex_options，如：：check_boxes，：collection => [「i」，「m」，「x」，「o」]，：class =>「check-boxes-inline」％>' –

正確類checkbox-inline。使用：

<%= f.input :value_regex_options, as: :check_boxes, :collection => ["i", "m", "x", "o"], :class => "checkbox-inline" %>

來源

2016-10-21 07:47:09 Sajan

嗨Sajan，試過那個，但沒有。還有什麼想法？ –

我從http://getbootstrap.com/css/#inline-checkboxes-and-radios中檢查了這一點。嘗試在控制檯中進行調試。這個班是否適用？確保沒有其他課程重寫此課程的屬性。 – Sajan

你是對的 - 班級沒有申請;我怎麼才能得到它應用呢？用'<％= f.input：value_regex_options作爲：：check_boxes，：collection => [「i」，「m」，「x」，「o」]，：input_html => {：class =>「複選框-inline「}％>' –

簡單窗體 - 水平對齊複選框

回答

相關問題