现在,我试图把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>
任何帮助都会很棒,非常感谢
发布于 2018-07-16 03:27:10
尝试使用<div class="row">
和<div class="form-group col-xs-6">
https://stackoverflow.com/questions/51351503
复制相似问题