使用boostrap将html表单放入行内
使用boostrap将html表单放入行内
提问于 2018-07-16 03:24:14
现在，我试图把2个表格在使用boostrap网格系统，它不能工作，我不明白为什么。我完全按照他们的文档中所说的做了，但仍然一无所获。这是我的html代码
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/css/bootstrap.min.css"/>
<div class="container-fluid bg">
<div class="row no-gutters">
<div class="col-md-3"></div>
<div class="col-md-3">
<form class="form-container">
<div class="form-group">
<h2>Idea X</h2>
<h4>Descriere proiect: </h4>
<label>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ullamcorper orci nec sapien ultricies, et auctor elit molestie. Fusce non est felis.</label>
</div>
<div class="form-group">
<label>Limbaje folosite: </label>
<ul class="list-group">
<li class="list-group-item">HTML5</li>
<li class="list-group-item">CSS3</li>
<li class="list-group-item">JavaScript</li>
<li class="list-group-item">AngularJS</li>
</ul>
</div>
<button class="btn btn-success btn-block">Vreau sa particip</button>
</div>
</form>
</div>
<div class="col-md-3">
<form class="form-container">
<div class="form-group">
<h2>Idea X</h2>
<h4>Descriere proiect: </h4>
<label>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ullamcorper orci nec sapien ultricies, et auctor elit molestie. Fusce non est felis.</label>
</div>
<div class="form-group">
<label>Limbaje folosite: </label>
<ul class="list-group">
<li class="list-group-item">HTML5</li>
<li class="list-group-item">CSS3</li>
<li class="list-group-item">JavaScript</li>
<li class="list-group-item">AngularJS</li>
</ul>
</div>
<div>
<button class="btn btn-success btn-block">Vreau sa particip</button>
</div>
</form>
</div>
<div class="col-md-3"></div>
</div>
</div>
任何帮助都会很棒，非常感谢
回答 1
Stack Overflow用户
回答已采纳
发布于 2018-07-16 03:27:10
尝试使用<div class="row">和<div class="form-group col-xs-6">
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51351503
复制相关文章
相似问题