"ตัวเลข"
Bootstrap 4.0.0 Snippet by vorachessalae

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div> <a href="something" class="button4" style="background-color:#f14ebd">1</a> <a href="something" class="button4" style="background-color:#f14ebd">2</a> <a href="something" class="button4" style="background-color:#f14ebd">3</a><br> <a href="something" class="button4" style="background-color:#f14ebd">4</a> <a href="something" class="button4" style="background-color:#f14ebd">5</a> <a href="something" class="button4" style="background-color:#f14ebd">6</a><br> <a href="something" class="button4" style="background-color:#f14ebd">7</a> <a href="something" class="button4" style="background-color:#f14ebd">8</a> <a href="something" class="button4" style="background-color:#f14ebd">9</a><br> <a href="something" class="button4" style="background-color:#f14ebd">del</a> <a href="something" class="button4" style="background-color:#f14ebd">0</a> <a href="something" class="button4" style="background-color:#f14ebd">OK</a> </div>
a.button4{ width: 60px; display:inline-block; padding:0.3em 1.2em; margin:0 0.1em 0.1em 0; border:0.16em solid rgba(255,255,255,0); border-radius:2em; box-sizing: border-box; text-decoration:none; font-family:'Roboto',sans-serif; font-weight:300; color:#FFFFFF; text-shadow: 0 0.04em 0.04em rgba(0,0,0,0.35); text-align:center; transition: all 0.2s; } a.button4:hover{ border-color: rgba(255,255,255,1); } @media all and (max-width:30em){ a.button4{ display:block; margin:0.2em auto;  } }

Related: See More


Questions / Comments: