2 u013056785 u013056785 于 2016.04.07 12:03 提问

bootstrap 的media-bottom为何无效
 <div class="media-body">
<h4 class="media-heading">打令</h4>
<h5 class="media-heading">夜视单反</h5>
<div class="media-bottom">
<span>人气指数</span>
<div class="progress progress-striped" >
  <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
    <span class="sr-only">40% Complete (success)</span>
  </div>
</div>
</div>
</div>

我写了media-bottom为何无效呢,元素没有去到底部

2个回答

u013056785
u013056785   2016.04.07 12:06
 <div class="media-body">
<h4 class="media-heading">打令</h4>
<h5 class="media-heading">夜视单反</h5>
<div class="media-bottom">
<span>人气指数</span>
<div class="progress progress-striped" >
  <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
    <span class="sr-only">40% Complete (success)</span>
  </div>
</div>
</div>
</div>
u013056785
u013056785   2016.04.07 12:04

打令

夜视单反
人气指数
40% Complete (success)



Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
bootstrapTable中的width值设置无效的问题的解决方法
最近开发的时候碰到的一个显示的问题。如下图所示:我要将设备的地址显示全一点
bootstrap中下拉组件没反应
这是原本代码:一开始点击没反应                  下拉菜单                                            首页             资讯             产品             关于             后来发现这三个文件导入顺序要注意,需要按如下顺序:    
bootstrap modal 在IOS9中不能弹出的问题 IOS 9 bootstrap modal ios 9 noticework
最近的项目用的bootstrap前端,手机刚刚更新IOS9发现其中的modal有个bug,首页点弹出框会出现问题,找了好多资料终于找到解决办法。 在CSS中加入以下代码 body { padding-right: 0px !important } .modal-open { overflow-y: auto; } 完美解决,点个赞。。。
bootstrap下拉菜单无效的解决方法之一
问题背景:lz在使用bootstrap遇到下拉列表无效问题,lz引用的jQuery文件为jquery-1.8.2.min.js,bootstarp文件为bootstrap.min.css、bootstrap.min.js。 解决过程:在浏览器打开页面,F12 Network检查js、css资源文件是否正确引用,发现没问题,然后Console发现bootstrap.js报错 Uncaught E
Bootstrap 模态框(也可以说的弹出层)
最近在尝试使用bootstrap的模态框 使用模态框主要要引入一下几个js和css: bootstrap.css jquery.1.9.1.js(这个可以灵活选择) bootstrap.js html页面的写法如下: link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.css"> scri
bootstrap-datepicker相关问题解决
问题一:modal中无法显示datepicker
Bootstrap col-xx-x失效或未按预期执行解决方法
&amp;amp;lt;div class=&amp;quot;row&amp;quot;&amp;amp;gt; &amp;amp;lt;div class=&amp;quot;col-xs-12 col-md-8 head&amp;quot;&amp;amp;gt;.col-xs-12 .col-md-8&amp;amp;lt;/div&amp;amp;gt; &amp;amp;lt;div class=&amp;quot;col-xs-6 col-md-4 head&amp;quot;&amp
bootstrap引入插件无效
在做一个简单的demo项目时,引入bootstrap的modal插件,发现怎么都没有响应,经过查询才了解到 :bootstrap的插件引入得先加载jquery的相关配置。 so<!-- 引入jquery --> <script src="${PATH}/static/js/jquery-3.2.1.min.js"></script> <!-- 引入前端框架bootstrap --> <lin
bootstrap col-xs-offset无效解决方案
使用 col-xs-offset-1 col-sm-offset-0可以在小屏幕上实现偏移并且不会影响到更大的屏幕
Angular4.0中bootstrap样式不起作用
插件的使用请参考Angular4中插件的使用 如果你就是按照正常的使用步骤:先下载,再修改angular-cli.json文件,也下载安装了对应的描述文件。但是。。。。依然不起作用,那么很有可能是cnpm的锅 很多人遇到第三方样式引入没效果。在搭建Angualr4时,我使用cnpm安装后发现了同样的事情,后来发现是因为使用了cnpm来安装,之后全部用npm安装,再运行后果然成功了。 ...