html – css内联块和引导网格系统输出

概述我正在尝试使用css和bootstrap 3.2获得我的div的特定 HTML标记.下图显示了我想要的结果. 我使用了引导网格系统,以便我的页面能够响应并在小屏幕设备中正确显示.这是我试过的代码.我用http://www.bootply.com来测试它. 任何想法如何获得标记？ <div> <div style="display:inline-block; border:1px solid g 我正在尝试使用CSS和bootstrap 3.2获得我的div的特定 HTML标记.下图显示了我想要的结果.

我使用了引导网格系统,以便我的页面能够响应并在小屏幕设备中正确显示.这是我试过的代码.我用http://www.bootply.com来测试它.

任何想法如何获得标记？

<div>  <div >    <img src='' alt="image go here !"/>  </div>  <div  >    <div  >      <div >This is the product name</div>      <div >1 230.99</div>    </div>    <div  >      <div >Property 1</div>      <div >Property 2</div>    </div>  </div></div>

期望的结果：

编辑：我得到的结果：

解决方法 I’ve created a Bootply for you.

<div >    <div >        <div >            <div >                <img src="">            </div>        </div>        <div >            <div >            <div >              This is the product name            </div>            <div >              1 230.99            </div>            </div>            <div >            <div >              Property 1            </div>            <div >              Property 2            </div>            </div>        </div>    </div> </div>

总结

以上是内存溢出为你收集整理的html – css内联块和引导网格系统输出全部内容，希望文章能够帮你解决html – css内联块和引导网格系统输出所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。