Bootstrap Button #Part 4

 Bootstrap Button #Part 4

          In this article we are lean to the make button design using Bootstrap.



Bootstrap Button with Colours

<button class="btn btn-success">Code Pocket</button>

<button class="btn btn-danger">Code Pocket</button>

<button class="btn btn-info">Code Pocket</button>

<button class="btn btn-primary">Code Pocket</button>

Outline colour button

<button type="button" class="btn btn-outline-primary">Code Pocket</button>

<button type="button" class="btn btn-outline-secondary">Code Pocket</button>

<button type="button" class="btn btn-outline-success">Code Pocket</button>

<button type="button" class="btn btn-outline-danger">Code Pocket</button>

<button type="button" class="btn btn-outline-warning">Code Pocket</button>

<button type="button" class="btn btn-outline-info">Code Pocket</button>

<button type="button" class="btn btn-outline-light">Code Pocket</button>

Copy Bootstrap CDN link


<link crossorigin="anonymous" href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" >



Try it Yourself...

what you think about this article ??

Post a Comment

Previous Post Next Post