小编bap*_*tme的帖子

使用下面的标记,当悬停在上面时,按钮文本加下划线.我该如何摆脱这种行为？

有没有更好的方法在bootstrap中添加链接到btn-group以避免这种行为？

<a href="#">
    <div class="btn-group">
        <button class="btn">Text</button>
        <button class="btn">Text</button>
    </div>
</a>

经测试的CSS行:

a:hover .btn-group { text-decoration: none }
a .btn-group:hover { text-decoration: none }
a:hover .btn-group .btn { text-decoration: none }
a .btn-group .btn:hover { text-decoration: none }

任何额外的!重要的也不起作用(由baptme建议).

我正在使用Twitter bootstrap CSS.您可以在下面看到相同的代码与FireFox和Chrome的显示方式有何不同.

这很奇怪.Firebug告诉我,占位符的css设置为浅灰色:

:-moz-placeholder {
    color: #999999;
}

这应该影响所有元素中的所有占位符,因为它在Chrome中正确完成.但在Firefox中为什么要textareas正确应用,但input不是吗？我怎样才能解决这个问题？

<input id="id_referred_by" type="text" maxlength="50" name="referred_by" placeholder="...was referred by?">

<textarea id="id_contacts_interests" name="contacts_interests" cols="40" placeholder="Any particular interests?" rows="4"></textarea>

铬:

火狐:

更新:

以下评论给了我一个想法:

Input不同于划掉textarea的color: #9999条目,这意味着有些东西会覆盖它.

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    color: #555555;
    display: inline-block;
    font-size: 13px;
    height: 18px;
    line-height: 18px;
    margin-bottom: 9px;
    padding: 4px;
}

事实上就是这样color: #555555;.当我在firebug中禁用它时,一切正常.Chrome怎么没关心这个,但Firefox呢？有关如何在两种浏览器中修复此问题的任 我还是css的新手.

它在文档中清楚地说明了

只需将data-spy ="scroll"添加到您想要监视的元素(最常见的是这将是正文)

但是,如果我把它放在身上,我似乎只能让它发挥作用.当我把它放在我希望监视的任何其他元素中时,导航的最后一个元素被选中.

这是对身体,和它的作品,而这是同样的事情,但用data-spy="scroll"的元素我想窥视,它失败(只有最后一个元素被激活).

我做错了什么或这是一个错误？

我正在创建模型,其内容看起来像一块板,有点像Pinterest.我正在使用Twitters-Bootstrap,并且在布局方面存在一些问题.

我有一个动态数量的元素,所以我想我可以只有一行,然后项目将包裹到下一行.然而,这在内容跨度之间创造了一个奇怪的空间(见下图).

我不是设计师,所以我的问题是,如果有一种方法可以使用一行显示所有内容块,仍然使用流体设计？

另一种方法是以编程方式添加行,但它似乎是样式表而非业务逻辑应该解决的问题.

代码如下所示:

<div class="container-fluid">
<div class="row-fluid">
    <div class="span12">
        <li class="span3 pdt10">
            <div class="thumbnail">
                <img src="http://placehold.it/260x180" alt="">
                <div class="caption">
                    <h5>
                        Thumbnail label</h5>
                    <p>
                        Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi
                        porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
                    <p>
                        <a href="#" class="btn btn-primary">Action</a> <a href="#" class="btn">Action</a></p>
                </div>
            </div>
        </li>
        <li class="span3 pdt10">
            <div class="thumbnail">
                <img src="http://placehold.it/260x180" alt="">
                <div class="caption">
                    <h5>
                        Thumbnail label</h5>
                    <p> …