"list v3"
Bootstrap 3.3.0 Snippet by exigentinc

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.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 ----------> <ul class="list-line"> <li> <a href="#">Qui assumenda veniam impedit inventore blanditiis nulla?</a> </li> <li> <a href="#">Amet, sunt, harum. Fugiat, reprehenderit mollitia dolore?</a> </li> <li> <a href="#">Ullam possimus sapiente ratione, nemo eum saepe?</a> </li> <li> <a href="#">Eius adipisci obcaecati quidem dolorum, saepe maxime?</a> </li> <li> <a href="#">Ratione pariatur omnis sed ea quos optio?</a> </li> </ul>
/*! CSS Used from: https://agmstudio.io/themes/material-style/2.3.3/assets/css/plugins.min.css */*,::after,::before { box-sizing: border-box; } ul { margin-top: 0; margin-bottom: 1rem; } a { color: #007bff; text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects; } a:hover { color: #0056b3; text-decoration: underline; } @media print { *,::after,::before { text-shadow: none!important; box-shadow: none!important; } }/*! CSS Used from: https://agmstudio.io/themes/material-style/2.3.3/assets/css/style.light-blue-500.min.css */a,a:focus,a:hover { color: #333; } * { -webkit-tap-highlight-color: rgba(255,255,255,0); -webkit-tap-highlight-color: transparent; } :focus { outline: 0; } :focus { outline: 0!important; } ::-moz-focus-inner { border: 0!important; } a { color: #03a9f4; transition: all ease .1s; } a:active,a:focus,a:hover { text-decoration: none; color: #000; } .list-line { list-style-type: none; padding: 0; } .list-line li { margin: 0; padding: 0; } .list-line li a { display: block; color: #424242; padding: 10px 0; border-bottom: dotted 1px #e0e0e0; transition: all ease .3s; padding-left: 10px; } .list-line li a:focus,.list-line li a:hover { background-color: #f5f5f5; color: #03a9f4; } .list-line li:first-child a { border-top: dotted 1px #e0e0e0; }

Related: See More


Questions / Comments: