Add small shadow to an element in Bootstrap 4

BootstrapWeb DevelopmentCSS Framework

Use the .shadow-sm class in Bootstrap 4 to add a small shadow to an element.

You can try to run the following code to implement the shadow-sm class in Bootstrap


Live Demo

<!DOCTYPE html>
      <title>Bootstrap Example</title>
      <link rel = "stylesheet" href = "">
      <script src = ""></script>
      <script src = ""></script>
      <div class = "container">
         <div class = "shadow-lg p-4 mb-4 bg-light">Try programming examples</div>
         <div class = "shadow-sm p-4 mb-4 bg-white">Learn from Tutorials</div>
         <div class = "shadow-none p-4 mb-4 bg-light">Play Quiz and check your knowledge</div>
Published on 21-Jun-2018 08:37:32