首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >引导窗体输入标签需要内联。

引导窗体输入标签需要内联。
EN

Stack Overflow用户
提问于 2015-09-04 11:17:23
回答 1查看 452关注 0票数 0

我使用引导css创建了一个表单,我需要标签与输入字段保持一致,这通常是自动发生的,而这一次没有人能帮助我吗?

代码语言:javascript
复制
<style>

    #form-inpt{
        width: 200px;
    }

</style>

<form>

    <!-- Name and email -->
    <label>Name</label><input id="form-inpt" class="form-control" type="text" name="name">
    <label>Email Address</label><input id="form-inpt" class="form-control" type="text" name="email">

    <!-- Business information -->
    <label>Company Name</label><input id="form-inpt" class="form-control" type="text" name="CompanyName">
    <label>Company Phone Number</label><input id="form-inpt" class="form-control" type="text" name="CompanyPhone">
    <label>Address Line 1</label><input id="form-inpt" class="form-control" type="text" name="Address1">
    <label>Address Line 2</label><input id="form-inpt" class="form-control" type="text" name="Address2">
    <label>Address Line 3</label><input id="form-inpt" class="form-control" type="text" name="Address3">
    <label>Town</label><input id="form-inpt" class="form-control" type="text" name="Town">
    <label>County</label><input id="form-inpt" class="form-control" type="text" name="County">
    <label>Post Code</label><input id="form-inpt" class="form-control" type="text" name="PostCode">
    <label>Opening Hours</label><textarea id="form-inpt" class="form-control" name="OpeningHours"></textarea>
    <label>Website</label><input id="form-inpt" class="form-control" type="text" name="Website">

    <!-- Google map coordinates -->
    <label>Longitude</label><input id="form-inpt" class="form-control" type="text" name="Longitude">
    <label>Latitude</label><input id="form-inpt" class="form-control" type="text" name="Latitude">

    <!-- Anti spam -->
    <label>Anti Spam, What is 9+1?</label><input id="form-inpt" class="form-control" type="text" name="Spam">

    <!-- Button -->
    <label>Submit</label><input class="form-control" type="submit" value="submit" style="width: 200px;>

</form>
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-09-04 11:24:47

尝试使用引导div类,

代码语言:javascript
复制
<div class="row">
    <div class="row">
        <label Id="1">...</label><input ...../>
    </div>
    <div class="row">
        <label Id= "2">...</label><input ...../>
    </div>
    .
    .
    .
</div>
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/32396773

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档