Using the Cisco UI kit

Cisco UI kit is part of DevNet and can be used to develop web applications, here is the GitHub page.

Installation

Create a folder and clone the UI Kit source from Github.

mkdir cui
cd cui
git clone https://github.com/CiscoDevNet/CiscoUIKit.git .

Use the <link> tag to link to the CSS file(in the dist/css folder).

<link rel="stylesheet" href="./css/cui-standard.min.css">

Add cui class to the <body> tag.

<body class="cui">
</body>

Verification

Try to add blockquote to the <body> tag.

    <div class="col-md-6">
        <blockquote class="blockquote--blue">
            <p>"I have come to believe that the whole world is an enigma, a harmless enigma that is made terrible by
                our
                own mad attempt to interpret it as though it had an underlying truth."</p>
            <cite>Umberto Eco</cite>
        </blockquote>
    </div>

If all goes well, you will see the following.

Leave a Reply

Your email address will not be published. Required fields are marked *