Nếu tôi muốn thu nhỏ kích thước biểu tượng, làm thế nào tôi có thể tạo biểu tượng nhỏ khi sử dụng bootstrap?Làm cách nào để tạo biểu tượng nhỏ khi sử dụng bootstrap?
Đây là bản demo http://jsfiddle.net/AqUBu/
Tôi muốn giảm thiểu kích thước của biểu tượng con người này.
<span class='badge badge-success'><i class='icon-user icon-white'></i><i class='icon-user icon-white'></i><i class='icon-user icon-white'></i></span>
Bạn có thể sử dụng Font tạo ảnh vui nhộn http://fortawesome.github.com/Font-Awesome/ để tạo biểu tượng từ fonts.Font ảnh vui nhộn được hoàn toàn tương thích với Twitter Bootstrap 2 & 3.You có thể dễ dàng phong cách biểu tượng màu sắc, kích thước, bóng, và bất cứ điều gì đó là có thể với CSS.
Oh my lòng tốt này có vẻ siêu hữu ích – MKK
Điều này không trả lời câu hỏi –
Nếu bạn đang sử dụng Bootstrap 3, bạn có thể sử dụng thẻ <small>, như thế này: <small><span class="glyphicon glyphicon-send"></span></small> Nó hoạt động hoàn hảo với Bootstrap 3.
Bạn có thể sử dụng class="btn btn-xs"
tham khảo: https://getbootstrap.com/components/
Glyphicons và các biểu tượng khác có thể được tái kích thước chính xác với thuộc tính CSS font-size:
Bạn biết đấy ... là glyph và tất cả.
Ưu đãi cho coda bóng bẩy ;-) –
Từ http://getbootstrap.com/css/#small-text
văn bản nhỏ
Đối inline de-nhấn mạnh hoặc khối văn bản, sử dụng thẻ
<small>để thiết lập văn bản ở 85% kích thước của phụ huynh. Tiêu đề các yếu tố nhận đượcfont-sizeriêng của chúng cho các thành phần lồng nhau<small>.Bạn cũng có thể sử dụng phần tử nội tuyến với
.smallthay cho bất kỳ<small>nào.
Hãy thử:
<span class='badge badge-success small'>
<i class='icon-user icon-white'></i>
<i class='icon-user icon-white'></i>
<i class='icon-user icon-white'></i>
</span>
gửi CSS liên quan của bạn đây. –
@Pawan Cảm ơn tôi đã sử dụng bootstrap. nó quá dài nên tôi phải sử dụng JSFiddle để đặt tất cả. Vui lòng kiểm tra demo của tôi – MKK
xem xét câu trả lời của awe http://stackoverflow.com/a/1341462/1135581 – Rahul