响应式媒体

1.

 

 1 <div class="container" >
 2     <h1 class="text-center"> {% trans "Product promotion" %} </h1>
 3     <br>
 4     <hr>
 5     <!--<div class="row">-->
 6         <div class="col-md-4">
 7             <h4 class="text-center"> {% trans "Unmanned aerial vehicle" %} </h4>
 8             <div class="embed-reponsive embed-reponsive-4by3">
 9                 <iframe class="embed-responsive-item" src="{% static 'video/shu.mp4' %}"></iframe>
10             </div>
11         </div>
12         <div class="col-md-4">
13             <h4 class="text-center"> {% trans "3D printer" %} </h4>
14             <div class="embed-reponsive embed-reponsive-4by3">
15                 <iframe class="embed-responsive-item" src="{% static 'video/shu.mp4' %}"></iframe>
16             </div>
17         </div>
18         <div class="col-md-4">
19             <h4 class="text-center"> {% trans "3D printer" %} </h4>
20             <div class="embed-reponsive embed-reponsive-4by3">
21                 <iframe class="embed-responsive-item" src="{% static 'video/shu.mp4' %}"></iframe>
22             </div>
23         </div>
24     <!--</div>-->
25 </div

 

posted @ 2017-11-25 22:01  人微言轻1  阅读(156)  评论(0编辑  收藏  举报