[英]Bootstrap btn-group Modifying “base” button
Good Morning, 早上好,
I'm trying to use the Bootstrap Button Group to group a family of related elements together. 我正在尝试使用Bootstrap Button Group将一组相关元素组合在一起。 These elements are only "effective" for a given calendar year so I'm trying to group the "past elements" together in an easy to display fashion.
这些元素仅在给定的日历年内是“有效的”,因此我试图以易于显示的方式将“过去的元素”分组在一起。 So far I really like using the bootstrap button group to do this as outlined here .
到目前为止,我真的很喜欢使用Bootstrap按钮组执行此处概述的操作。
However, I am displaying multiple of these on a "list-like" view and all of these buttons really aren't easy on the eyes. 但是,我在“类似列表”的视图上显示了其中的多个按钮,而所有这些按钮的确在眼睛上并不容易。 What I'd like to do is instead of a button for the very first element, make it a link and just have the small caret button to the right side of that link if my uses wish to look at the past elements.
我想做的是代替第一个元素的按钮,使其成为链接,并且如果我的使用希望查看过去的元素,则只需在该链接的右侧有一个小插入号按钮。
Does anyone know of an easy way to style this? 有谁知道一种简单的样式设置方式? To reword - I want the very top element to only be an (or something similar) and only have a button containing the caret symbol off to the side of it.
要改写文字-我希望最上面的元素只是一个(或类似的东西),并且只在侧面有一个插入符号的按钮。
Thanks in advance! 提前致谢!
If you look at bootstrap 2.1, which is a work in progress at this time, they introduce a new button stlye class .btn-link
that would probably work for this 如果您正在研究Bootstrap 2.1(目前
.btn-link
,那么他们会引入一个新的按钮.btn-link
类.btn-link
,它可能对此适用
.btn-link {
color: #08C;
cursor: pointer;
background-color: transparent;
background-image: none;
border-color: transparent;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.btn-link:hover {
color: #005580;
text-decoration: underline;
background-color: transparent;
}
They don't seem to have included it in the button group documentation, so it may look a little funny. 他们似乎没有将其包含在按钮组文档中,因此可能看起来有些可笑。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.