I'm facing an issue with the tutorial where my sign up form appears to be in a single line. I've compared the form lines and the debug box at the bottom, and also noticed a difference in font style compared to my site (specifically the bolded text). Any assistance on this matter would be greatly appreciated. Thank you!
Desired look: https://i.sstatic.net/tmWcm.png Actual look: https://i.sstatic.net/ZTvS1.png
Here is the CSS code being used:
@import "bootstrap-sprockets";
@import "bootstrap";
/* mixins, variables, etc. */
$gray-medium-light: #eaeaea;
@mixin box_sizing {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/* more styling rules omitted for brevity */
Show signup code below:
<% provide(:title, 'Sign up') %>
<h1>Sign up</h1>
<div class="row">
<div class="col-md-6 col-md-offset-3">
<%= form_for(@user) do |f| %>
<%= f.label :name %>
<%= f.text_field :name %>
/* Form fields continuation... */
For more files related to this issue, they can be found on Github: https://github.com/jackytai/sample_app_rails/tree/sign-up
Source reference: