如何使用引导程序创建附加的盒子图像答案

【问题标题】：how to use bootstrap to create boxes image attached如何使用引导程序创建附加的盒子图像
【发布时间】：2017-04-24 22:54:38
【问题描述】：

How to create boxes like in the image attached using bootstrap, boxes next to each other without a padding or margins

【问题讨论】：

请发布您目前尝试过的代码。

标签： html css twitter-bootstrap

【解决方案1】：

你需要为它定义一个css类：

.no-padding{
padding:0
}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<div class="row">
  <div class="col-xs-4 no-padding">1</div>
  <div class="col-xs-4 no-padding">2</div>
  <div class="col-xs-4 no-padding">3</div>
</div>
<div class="row">
  <div class="col-xs-4 no-padding">4</div>
  <div class="col-xs-4 no-padding">5</div>
  <div class="col-xs-4 no-padding">6</div>
</div>

【讨论】：