小编Sha*_*lor的帖子

我正在尝试在bootstrap中创建注释/通知设置,似乎无法正确对齐.

我将在这个截图中找到一个非常常见的布局:

......但是我不能把它当作lignup.这是我尝试的Bootply.

HTML:

<div class="container">
  <button class="btn btn-default btn-lg btn-link" style="font-size:36px;">
    <span class="glyphicon glyphicon-comment"></span>
  </button>
  <span class="badge badge-notify">3</span>
</div>

CSS:

.badge-notify{
   background:red;
   position:absolute;
   top:0px;
  }

我想在引导程序中更改背景和文本颜色,navbar但它没有按预期更改...这是我的自定义CSS:

.navbar-default .navbar-fnt {
    color: #FFFFFF;
}
.navbar-default .navbar-backgrnd {
    color: #CC3333;
}

和相关的HTML:

<div id="menu" class="navbar navbar-default navbar-fnt navbar-backgrnd">
    <div class="navbar-header">
        <div class="collapse navbar-collapse">
              ul and li
        </div>
    </div>
</div>

我无法弄清楚为什么这不会改变背景和文字颜色 - 任何人都可以帮忙吗？

因此,映射链接打开地图应用程序就像以前一样,我想根据用户是在iOS 6还是其他(iOS 4,5,Android,等等)呈现不同的链接.

类似于: - 如果在iOS 6.0或更高版本上,请显示http://maps.apple.com?q= "地址",如果是其他,则显示http://maps.google.com?q= "地址".

注意:我意识到你也可以直接调用地图应用程序,而不是通过网络链接(现在没有方便),但这不会解决问题,因为Android或较小的iOS上的某些人将无法使用那.

我想每隔几秒交替一个div的内容(或换一个新的div,如果更好),淡入/淡出.Jquery首选,或纯js罚款.

基于Arun的解决方案,我在下面添加了Jquery,它完美地工作......但是如何让它重复？

HTML:

<div class="wrapper" style="height:100px">
  <div id="quote1">I am a quote</div>
  <div id="quote2">I am another quote</div>
  <div id="quote3">I am yet another quote</div>
</div>

Javascript :(根据评论中的Arun)

jQuery(function () {
    var $els = $('div[id^=quote]'),
        i = 0,
        len = $els.length;

    $els.slice(1).hide();
    setInterval(function () {
        $els.eq(i).fadeOut(function () {
            $els.eq(++i % len).fadeIn();
        })
    }, 2500)
})

我试图将div内的图像居中，该div可以进行响应缩放，并且始终为正方形。

JSFiddle

多亏了这里的CSS-only选项，我的工作始终处于正常状态。

CSS：

.thumbnail_container {
    position: relative;
    width: 25%;
    padding-bottom: 25%;
    float:left;
}

.thumbnail {
    position:absolute;
    width:100%;
    height:100%;
    text-align:center;
}

HTML：

<div class="thumbnail_container vcenter-ext">
  <div class="thumbnail vcenter-int">
      <img src="http://placehold.it/200x300" />
  </div>
</div>

而且div中的v-align通常很简单：

.vcenter-ext { display: table;}
.center-int { display: table-cell; vertical-align: middle;}

但是最后，我似乎无法同时使用它们……有人能指出我的问题吗？！