css - 如何使用 bootstrap 并排放置 4 个图像

标签 css twitter-bootstrap

你好,我想将 4 张图像与 bootstrap 并排放置 使用该代码,只有 2 张图像并排放置

   <div class="col-md-6">
       <a href="#"><img src="http://placehold.it/250x250" alt="inn_logo" /></a>
   </div>
   <div class="col-md-6">
       <a href="#" ><img src="http://placehold.it/250x250" alt="ccs_logo" /></a>
   </div>

我想并排放置 4 张图片 如何识别它?

最佳答案

更改您的代码,使其看起来像这样:

       <div class="col-md-3">
           <a href="#"><img src="http://placehold.it/250x250" alt="inn_logo" /></a>
       </div>
       <div class="col-md-3">
           <a href="#" ><img src="http://placehold.it/250x250" alt="ccs_logo" /></a>
       </div>
       <div class="col-md-3">
           <a href="#"><img src="http://placehold.it/250x250" alt="inn_logo" /></a>
       </div>
       <div class="col-md-3">
           <a href="#" ><img src="http://placehold.it/250x250" alt="ccs_logo" /></a>
       </div>

类必须是“col-md-3”

关于css - 如何使用 bootstrap 并排放置 4 个图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38089313/

相关文章:

javascript - 在水平滚动 flexbox div 的边缘实现滚动指示器

html - <li> <ul> 换行符

html - 具有绝对位置的 div 落后于正常流

javascript - 在到达页面底部之前显示 div 时出错

node.js - 使用手写笔导入 Bootstrap

css - 是否可以-webkit-filter : invert(); everything but images and videos

javascript - svg 上的 Bootstrap 弹出窗口

html - Twitter Bootstrap 响应实用程序

css - 如何在 Bootstrap 导航栏中的品牌标签和菜单项之间插入空格

html - 停止折叠位置为 :fixed 的 div