logo TTVONE.COM

[วิดีโอสอน] Bootstrap การใช้งาน Icon class ที่ชื่อว่า Glyphicon

poster
glyphicon

เป็นการใช้งาน class หนึ่งใน bootstrap นะครับ ชื่อว่า glyphicon นะครับ เป็น icon ที่ติดมากับ bootstrap เป็นวิดีโอสั้นๆง่ายๆครับ

 

ตัวอย่างโค๊ด :

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Bootstrap การใช้งาน Icon class ที่ชื่อว่า Glyphicon</title>
        <!-- Latest compiled and minified CSS -->
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
        <!-- Optional theme -->
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css">
    </head>
    <body>
        <button class="btn btn-success">
            <i class="glyphicon glyphicon-ok"></i> สำเร็จ
        </button>
        <button class="btn btn-danger">
            <i class="glyphicon glyphicon-remove"></i> ล้มเหลว
        </button>
    </body>
</html>

ศึกษาข้อมูลเพิ่มเติมได้ที่ :

http://getbootstrap.com/components/

Tags : [CSS Programming]
  • ทุกคนมองเห็น
  • 0 ความเห็น
  • 586 คนเข้าดู

ความเห็นต่อโพส (ล่าสุด)


แสดงความเห็นต่อโพส