背景影響大小相同

-1

但我需要把所有的大小相同。

我如何使用bootstrap製作相同尺寸的背景？

<ul class="list-unstyled"> 
    <li> 
    <a class="btn btn-xs btn-warning"> 
     <span >Loren ipsum</span> 
    </a> 
    </li> 
    <li> 
    <a class="btn btn-xs btn-warning"> 
     <span >Lorem ipsunis</span> 
    </a> 
    </li> 
    <li> 
    <a class="btn btn-xs btn-warning"> 
     <span >Lorem ip</span> 
    </a> 
    </li> 
</ul>

守則的jsfiddle http://jsfiddle.net/novasdream/d3fkoeee/

來源

2015-01-20 Bruno Novais

[給他們一個'寬度？]（http://jsfiddle.net/d3fkoeee/1/） – 2015-01-20 21:16:05

hmm ..是一個很好的方法來解決這個問題.. – 2015-01-20 21:18:33

你需要對這些元素的寬度或最小寬度。如果按鈕內容有可能變長，Min-width會更安全一些。像這樣的事情在你的CSS會做到這一點：

.btn-xs { 
    min-width: 15em; 
}

注：1EM大約是在使用的字體一個「M」字符的寬度，所以我建議你看你的實際文本內容找到一個適當的寬度。（15只是一個數字，我抓住了空氣。）

此外，請記住，如果創作如上，這種風格將適用於任何.btn-xs元素。如果你想要更細緻的控制，你可能需要在這些按鈕或其包含的列表上放置一個特定的類，這樣你只能定位這個實例。

來源

2015-01-20 21:17:18 jack

有一些方法來'綁定'寬度按鈕？很好，關於'1em'的信息 – 2015-01-20 21:21:35

使.btn鏈接display:block，使它們成爲父li的寬度的100％。根據需要調整您的ul。

.list-unstyled li a.btn {display:block;}

http://jsfiddle.net/d3fkoeee/4/

來源

2015-01-20 21:22:54 Moob

一種更好的方式。將一個id添加到鏈接一個像這樣http://jsfiddle.net/1shzc3bh/1/並添加寬度有

例如a#button{width:100px;!important }

來源

2015-01-20 21:43:40

背景影響大小相同

回答

相關問題