Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在HTML5中向时间轴添加多个图像_Javascript_Jquery_Css_Html_Twitter Bootstrap - Fatal编程技术网

Javascript 如何在HTML5中向时间轴添加多个图像

Javascript 如何在HTML5中向时间轴添加多个图像,javascript,jquery,css,html,twitter-bootstrap,Javascript,Jquery,Css,Html,Twitter Bootstrap,我正在使用twitter引导程序v3.3.1。我需要将多个图像添加到我的时间轴面板中,输出应该是这样的 这是我正在使用的代码。图像库必须位于时间线主体内 <div class="row"> <div class="col-md-8"> <div class="panel panel-info"> <div class="well-lg panel-body"> <div class

我正在使用twitter引导程序v3.3.1。我需要将多个图像添加到我的时间轴面板中,输出应该是这样的

这是我正在使用的代码。图像库必须位于时间线主体内

<div class="row">
   <div class="col-md-8">
      <div class="panel panel-info">
         <div class="well-lg panel-body">
            <div class="timeline-panel">
               <div class="timeline-heading">
                  <div class="row">
                     <div class="media">
                        <div class="media-left">
                           <a href="#">
                           <img class="media-object" src="http://0.gravatar.com/avatar/43a5669f2e4d2342701ed560d453a0dd?s=50&d=&r=G" alt="...">
                           </a>
                        </div>
                        <div class="media-body">
                           <h4 class=" media-heading timeline-title">Mussum ipsum cacilds</h4>
                           <p><small class="text-muted"><i class="glyphicon glyphicon-time"></i> 11 hours ago via Twitter</small></p>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="timeline-body">
               </div>
               <div class="timeline-footer">
                  <a><i class="glyphicon glyphicon-star-empty" style="font-size: 20px;"></i></a>
                  <a class="pull-right"><i class="glyphicon glyphicon-trash" style="font-size: 13px;"></i></a>
               </div>
            </div>
         </div>
      </div>
   </div>
</div>

同侧贻贝
11小时前通过Twitter


我该怎么做?是否有我可以使用的示例代码或任何插件?

您只需要使用float和clear,不需要插件或任何东西来生成简单的CSS

.fesse bouc{
垫顶:2件;
宽度:476px;
边框:实心1px;
背景:绿松石;
}
.fesse bouc img:第一种类型,
img:第一种类型+img{
浮动:左;
清除:左;
}
fesse bouc先生{
显示:块;
边距:0 2px 2px;
}


这不是Facebook的副本吗<代码>:Phmm-yap-smiler;)你知道怎么做吗?为什么不检查一下massy.js?嗯,我也检查了,但我不明白如何使用它来达到我的预期?呃。。。好。。。让我看看是否能找到类似的东西。@user3480706??它在哪里不工作??如果不是CSS问题,请删除标记并重新表述问题。引导是关于样式的;)我有一个问题,如果在div标签内添加十个图像,我能按我的预期得到微笑者吗?我的意思是单击图像并浏览每个图像?我不明白为什么我会这样asking@user3480706好吧,我现在看得更清楚了,你在寻找一个旋转木马出现在某种灯箱模式中。我不认为有这种现成的插件(除非有facebook api),你必须开发它。这里没有人会从头开始,但一旦你开始,很多人会帮你