使用Bootstrap从左到右定位图像

debugcn 发表于 Dev

吉兹

我的div中有一些图片。这是我的html代码：

<div id="slide-menu-list" class="row">
    <a href="home.html"><img class="img-responsive" src="img/icon_menu1a.png" /></a>
    <a><img class="img-responsive" src="img/icon_menu2a.png" /></a>
    <a><img class="img-responsive" src="img/icon_menu3a.png" /></a>
    <a><img class="img-responsive" src="img/icon_menu4a.png" /></a>
    <a><img class="img-responsive" src="img/icon_menu5a.png" /></a>
</div>

而这里的CSS：

#slide-menu-list{
   position:fixed;
   bottom:0px; 
   left:0px;
}

但是图像是从上到下堆叠的。如何使用Twitter Bootstrap使图像从左到右堆叠？

哈米德·哈塔米（Hamed Khatami）

使用左上角类，并指定图像的宽度

以下代码

    <div id="slide-menu-list" class="row">
        <a href="home.html"><img class="img-responsive pull-left" src="/Capture.PNG" /></a>
        <a><img class="img-responsive pull-left" src="/Capture.PNG" /></a>
        <a><img class="img-responsive pull-left" src="/Capture.PNG" /></a>
        <a><img class="img-responsive pull-left" src="/Capture.PNG" /></a>
        <a><img class="img-responsive pull-left" src="/Capture.PNG" /></a>
    </div>

    <style>
    img
    {
         width:20%;
    }

    #slide-menu-list
    {
         position:fixed;
    }
    </style>

如果您希望您的图片被固定在你的页面，请用词缀引导在复杂的解决方案词缀

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。