Twitter bootstrap 如何增加引导卡的宽度并移到顶部
嗨,我用我的表单元素设计了引导卡,因为更多表单元素引导卡掉落,我无法看到一些表单 如何增加卡片的宽度,或者我应该如何移动到更多的顶部以获得我的所有表单元素我已经在卡片顶部放置了col-lg-20,但它不起作用 拨弄Twitter bootstrap 如何增加引导卡的宽度并移到顶部,twitter-bootstrap,Twitter Bootstrap,嗨,我用我的表单元素设计了引导卡,因为更多表单元素引导卡掉落,我无法看到一些表单 如何增加卡片的宽度,或者我应该如何移动到更多的顶部以获得我的所有表单元素我已经在卡片顶部放置了col-lg-20,但它不起作用 拨弄 成立你的公司 --选择公司类型-- 第2类 第5类 第4类 --选择电话类型-- 第2类 第5类 第4类 提取 员工 0 - 50 50 - 100 100 - 250 250 - 500 500 - 1000 1000以上 请输入您的公司邮寄地址以及您所在的不同分支机构: --地
成立你的公司
--选择公司类型--
第2类
第5类
第4类
--选择电话类型--
第2类
第5类
第4类
提取
员工
0 - 50
50 - 100
100 - 250
250 - 500
500 - 1000
1000以上
请输入您的公司邮寄地址以及您所在的不同分支机构:
--地址类型--
第2类
第5类
<div class="col-lg-20">
<div class="login-box card">
<div class="card-body">
<form class="form-horizontal form-material" id="loginform" action="index.html">
<h3 class="box-title m-b-20">Set up your company</h3>
<div class="form-group ">
<div class="col-xs-12">
<input class="form-control" type="text" required="" placeholder="Company Name"> </div>
</div>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<!-- <label class="control-label">Category</label> -->
<select class="form-control custom-select" data-placeholder="Choose a Category" tabindex="1">
<option value="Category 1">--Select Company Type--</option>
<option value="Category 2">Category 2</option>
<option value="Category 3">Category 5</option>
<option value="Category 4">Category 4</option>
</select>
</div>
</div>
<!--/span-->
</div>
<div class="form-group ">
<div class="col-xs-12">
<input class="form-control" type="text" required="" placeholder="Company Official website"> </div>
</div>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<!-- <label class="control-label">Category</label> -->
<select class="form-control custom-select" data-placeholder="Choose a Category" tabindex="1">
<option value="Category 1">--Select Phone Type--</option>
<option value="Category 2">Category 2</option>
<option value="Category 3">Category 5</option>
<option value="Category 4">Category 4</option>
</select>
</div>
</div>
<!--/span-->
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label></label>
<input type="text" class="form-control">
</div>
</div>
<!--/span-->
<div class="col-md-6">
<div class="form-group">
<label>Ext</label>
<input type="text" class="form-control">
</div>
</div>
<!--/span-->
</div>
<div class="form-group">
<div class="col-md-6">
<label class="control-label">Employees</label>
<div class="form-check">
<label class="custom-control custom-radio">
<input id="radio1" name="radio" type="radio" checked class="custom-control-input">
<span class="custom-control-indicator"></span>
<span class="custom-control-description"> 0 - 50</span>
</label>
<label class="custom-control custom-radio">
<input id="radio2" name="radio" type="radio" class="custom-control-input">
<span class="custom-control-indicator"></span>
<span class="custom-control-description">50 - 100</span>
</label>
<label class="custom-control custom-radio">
<input id="radio2" name="radio" type="radio" class="custom-control-input">
<span class="custom-control-indicator"></span>
<span class="custom-control-description">100 - 250</span>
</label>
<label class="custom-control custom-radio">
<input id="radio2" name="radio" type="radio" class="custom-control-input">
<span class="custom-control-indicator"></span>
<span class="custom-control-description">250 - 500</span>
</label>
<label class="custom-control custom-radio">
<input id="radio2" name="radio" type="radio" class="custom-control-input">
<span class="custom-control-indicator"></span>
<span class="custom-control-description">500 - 1000</span>
</label>
<label class="custom-control custom-radio">
<input id="radio2" name="radio" type="radio" class="custom-control-input">
<span class="custom-control-indicator"></span>
<span class="custom-control-description">above 1000</span>
</label>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-6 col-md-6">
<div class="card">
<div class="card-body">
<input type="file" id="input-file-now" class="dropify" />
</div>
</div>
</div>
</div>
<p>Please enter your company mailing address and different branches your are located at :</p>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<!-- <label class="control-label">Category</label> -->
<select class="form-control custom-select" data-placeholder="Choose a Category" tabindex="1">
<option value="Category 1">--Address type--</option>
<option value="Category 2">Category 2</option>
<option value="Category 3">Category 5</option>
<option value="Category 4">Category 4</option>
</select>
</div>
</div>
<!--/span-->
</div>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<!-- <label class="control-label">Category</label> -->
<select class="form-control custom-select" data-placeholder="Choose a Category" tabindex="1">
<option value="Category 1">--Select Country--</option>
<option value="Category 2">Category 2</option>
<option value="Category 3">Category 5</option>
<option value="Category 4">Category 4</option>
</select>
</div>
</div>
<!--/span-->
</div>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<!-- <label class="control-label">Category</label> -->
<select class="form-control custom-select" data-placeholder="Choose a Category" tabindex="1">
<option value="Category 1">--Select State--</option>
<option value="Category 2">Category 2</option>
<option value="Category 3">Category 5</option>
<option value="Category 4">Category 4</option>
</select>
</div>
</div>
<!--/span-->
</div>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<!-- <label class="control-label">Category</label> -->
<select class="form-control custom-select" data-placeholder="Choose a Category" tabindex="1">
<option value="Category 1">--Select City--</option>
<option value="Category 2">Category 2</option>
<option value="Category 3">Category 5</option>
<option value="Category 4">Category 4</option>
</select>
</div>
</div>
<!--/span-->
</div>
<div class="form-group ">
<div class="col-xs-12">
<input class="form-control" type="text" required="" placeholder="Zip"> </div>
</div>
</form>
</div>
</div>
</div>
.login-register{
overflow: scroll; /* Alowing the card to scroll */
padding: 5% 0; /*For shifting your card at the top of the page */
}
.login-register{
overflow: scroll;
padding: 5% 0;
}
.login-box{
width:800px; adjust this value according your requirement
}