2015-03-09 25 views
9

Làm cách nào để thay đổi chiều cao của thanh công cụ md trong thiết kế material design?Thay đổi chiều cao của thiết kế material design trên thanh công cụ

http://jsfiddle.net/kostonstyle/gsroofa5/

Trên thanh công cụ đầu tiên tôi muốn có một chiều cao từ 30px và cố rằng:

<md-toolbar style:"height: 30px;"> 

Nhưng nó không hoạt động gì cả. Tôi cần một navbar với hai bulks, đó là vì hai thanh công cụ.

Tôi thử điều này, nhưng bây giờ lá thư biến mất.

http://jsfiddle.net/kostonstyle/r178sp9o/1/

+0

Đây là một liên kết hoạt động: https://jsfiddle.net/r178sp9o/12/ – nitin

+0

cảm ơn rất nhiều. –

Trả lời

9

Chiều cao của thanh công cụ có thể được thay đổi bằng cách thêm các lớp vào md-toolbar.

Đối với một thanh công cụ vừa thêm class="md-medium-tall"

Đối với thanh công cụ lớn hơn bình thường thêm class="md-tall"

Bạn có thể phong cách cũng inline thanh công cụ style="height:50px;"

+5

Tôi muốn thanh công cụ nhỏ hơn mặc định và không hoạt động –

10

Bạn có thể sử dụng một phong cách nội tuyến như thế này

<md-toolbar style="min-height:30px"> 

Sử dụng min-height để làm cho thanh công cụ nhỏ hơn

Các vấn đề liên quan