小编ish*_*wla的帖子

将2个面板并排对齐

我需要并排排列三个面板,我无法做到.

我尝试使用float:left但是没有用.

有人可以指点我正确的方向吗?

  <div class="panel panel-default" style="height:350px;width:400px;">
  <div class="panel-heading"> 1</div>
  <div class="panel-body">
  <div class="row">
  <div col="col-md-4" >
  <div class="panel-body"><img src="mb3.jpg" alt="cannot load image" `enter code here`class="img-responsive" />
  <button type="button" class="btn btn-primary btn-block">button</button>    </div>
  </div>
  <br>
  <br>
  <div col="col-md-4" >
  <div style="float:left;">
  <div class="panel panel-default" style="height:350px;width:400px;">
  <div class="panel-heading"> 2</div>
  <div class="panel-body">
  <div class="panel-body"><img src="mb4.png" alt="cannot load image"class="img-responsive"/>
  <button type="button" class="btn btn-primary btn-block">button</button>
Run Code Online (Sandbox Code Playgroud)

twitter-bootstrap-3

3
推荐指数
1
解决办法
2万
查看次数

标签 统计

twitter-bootstrap-3 ×1