bootstrap nav pill菜单自定义大小宽度

时间:2016-11-05 08:56:22

标签: twitter-bootstrap twitter-bootstrap-3

我想编辑我的右侧菜单(导航片)以设置自定义固定大小,与菜单类别的长度无关...例如,我希望此菜单大150px,我的实际代码为:{{3} }

我想看起来像这样:

徽章需要位于菜单的左侧,并且所有按钮都需要具有相同的尺寸。

1 个答案:

答案 0 :(得分:0)

只需使用课程audio获取您的号码pull-right



badge

.thumbnail.product {
    position: relative;
    text-align: center;
  }
  .thumbnail.product .label {
    display: inline-block;
    margin-bottom: 5px;
  }
  .thumbnail.product .product-price {
    display: inline-block;
    border: 1px solid transparent;
    padding: 5px 10px;
    cursor: pointer;
  }
  .thumbnail.product .product-price:hover {
    border: 1px solid #CCC;
    border-radius: 5px;
  }
  .thumbnail.product .product-price:active {
    background-color: #EEE;
  }
  div.thumbnail{
    padding:0px;
  }

.thumbnailheader h3, .thumbnail p
{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}