Hướng dẫn tạo checkbox đẹp từ bootstrap

tạo checkbox radio đẹp từ boostrap và css

Hướng dẫn tạo checkbox đẹp từ bootstrap

Boostrap được biết đến là framework css tốt nhất hiện nay. Bạn có thể dùng css framework bootstrap để thiết kế theme wordpress responsive trên thiết bị mobile cũng như lập trình website ứng dụng.Nếu như bạn đang cần xử lý form trong bootstrap có thể kết hợp dùng css sau để tạo nên phần từ checkbox,radio đẹp từ boostrap mà không cần dùng xử lý jquery.Xem hình demo.
tạo checkbox radio đẹp từ boostrap và css

tạo checkbox radio đẹp từ boostrap và css

Để làm được các button này bạn cần sử dụng boostrap.css và bootstrap.js Code html cho đoạn code trên : [crayon]

Checkbox/Radio – CSS Only

Checkbox

[/crayon] Tiếp theo là css để định dạng : [crayon] .btn span.glyphicon { opacity: 0; } .btn.active span.glyphicon { opacity: 1; } [/crayon] Tuy nhiên bạn cần lưu ý để bắt thuộc tính checked từ form , nó được xử lý từ class active trong thẻ label [crayon]

Share this post

Trả lời

Email của bạn sẽ không được hiển thị công khai.

For security, use of Google's reCAPTCHA service is required which is subject to the Google Privacy Policy and Terms of Use.

If you agree to these terms, please click here.


Chat Zalo

0932644183