Html 对齐表单行
我购买了一个采用Materialize设计的主题，我希望我的表单如下所示： 到目前为止还可以。但是，如果仔细观察，您会注意到两个（主要形式）列之间的间隙。这是HTML：Html 对齐表单行,html,material-design,Html,Material Design,我购买了一个采用Materialize设计的主题，我希望我的表单如下所示： 到目前为止还可以。但是，如果仔细观察，您会注意到两个（主要形式）列之间的间隙。这是HTML： <form role="form" method="POST" action="{{ route('company.register') }}"> {{ csrf_field() }} <div class="row">
<form role="form" method="POST" action="{{ route('company.register') }}">
{{ csrf_field() }}
<div class="row">
<div class="input-field col s6">
<select name="legal_form" id="legal_form" class="basic-select" onchange="changeLegalForm()">
<option value="" disabled="disabled" selected="selected">Bitte wählen Sie eine Rechtsform
</option>
<option value="1">Selbstständiger</option>
<option value="2">Einzelunternehmer</option>
<option value="3">Personengesellschaft (GbR/OHG/KG)</option>
<option value="4">Kapitalgesellschaft (GmbH/UG/Ltd./...)</option>
<option value="5">Verein</option>
</select>
<label for="legal_form">Rechtsform</label>
</div>
<div class="input-field col s6">
<input type="text" name="company_name" id="company_name" placeholder="Unternehmensname"
class="validate" required>
<label for="company_name" class="active">Unternehmensname</label>
</div>
</div>
<div class="row">
<div class="input-field col s6">
<input type="email" name="email" id="email" placeholder="E-Mail-Adresse" class="validate"
required>
<label for="email" class="active">E-Mail-Adresse</label>
</div>
<div class="input-field col s6">
<input type="checkbox" id="sbr" name="sbr">
<label for="sbr">Kleinunternehmerregelung</label>
</div>
</div>
<div class="row">
<div class="input-field col s6">
<input type="text" name="address" id="address" placeholder="Anschrift" class="validate"
required>
<label for="address" class="active">Anschrift</label>
</div>
<div class="col s6">
<div class="input-field col s6">
<input type="text" name="zip" id="zip" pattern="[0-9]{5}" placeholder="Postleitzahl"
class="validate" required>
<label for="zip" class="active">Postleitzahl</label>
</div>
<div class="input-field col s6">
<input type="text" name="city" id="city" placeholder="Stadt" class="validate">
<label for="city" class="active">Stadt</label>
</div>
</div>
</div>
<div class="row">
<div class="input-field col s6">
<input type="text" name="phone" id="phone" placeholder="Telefonnummer" class="validate"
required>
<label for="phone" class="active">Telefonnummer</label>
</div>
<div class="input-field col s6">
<input type="text" name="fax" id="fax" placeholder="Telefaxnummer" class="validate">
<label for="fax" class="active">Telefaxnummer</label>
</div>
</div>
<div class="row">
<div class="input-field col s6">
<input type="text" name="bank_name" id="bank_name" placeholder="Name der Bank"
class="validate" required>
<label for="bank_name" class="active">Name der Bank</label>
</div>
<div class="col s6">
<div class="input-field col s8">
<input type="text" name="iban" id="iban" placeholder="IBAN" class="validate" required>
<label for="iban" class="active">IBAN</label>
</div>
<div class="input-field col s4">
<input type="text" name="bic" id="bic" placeholder="BIC" class="validate" required>
<label for="bic" class="active">BIC</label>
</div>
</div>
</div>
<div class="row">
<div class="col s6">
<div class="input-field col s6">
<input type="text" name="crn" id="crn" placeholder="Handelsregister-Nr."
class="validate">
<label for="crn" class="active">Handelsregister-Nr.</label>
</div>
<div class="input-field col s6">
<input type="text" name="vat_id" id="vat_id" placeholder="Umsatzsteuer-ID"
class="validate">
<label for="vat_id" class="active">Umsatzsteuer-ID</label>
</div>
</div>
<div class="col s6">
<div class="input-field col s6">
<input type="text" name="tax_id" id="tax_id" pattern="[0-9]{11}"
placeholder="Steuernummer" class="validate" required>
<label for="tax_id" class="active">Steuernummer</label>
</div>
<div class="input-field col s6">
<input type="number" name="tax_rate" id="tax_rate" placeholder="Steuerrate" value="19"
class="validate" required>
<label for="tax_rate" class="active">Steuerrate</label>
</div>
</div>
</div>
<div class="row">
<div class="input-field col s6">
<input type="text" name="district_court" id="district_court" placeholder="Registergericht"
class="validate" required>
<label for="district_court" class="active">Registergericht</label>
</div>
<div class="input-field col s6">
<input type="text" name="executives" id="executives" placeholder="Geschäftsführer"
class="validate" required>
<label for="executives" class="active">Geschäftsführer</label>
</div>
</div>
<div class="row" style="text-align: right;">
<button type="submit" class="waves-effect waves-light btn"><i
class="material-icons right">done</i>Überprüfen und fertigstellen
</button>
</div>
</form>
{{csrf_field（）}}
你的名字是什么
塞尔布斯特恩迪格尔
埃因泽朗特内赫默
个人健康状况（GbR/OHG/KG）
Kapitalgesellschaft（GmbH/UG/Ltd./…）
维林
法律形式
无内疚
电子邮件地址
克莱因内赫梅雷格隆
安什里夫
邮递区号
斯塔特
电话号码
传真机
银行名称
伊班
比克
亨德尔寄存器-Nr。
卫星识别码
税号
斯蒂尔雷特
登记处
格什凯夫斯富勒
贝鲁芬和弗蒂格斯泰伦酒店
我尝试了各种
div类right