Bootstrap Snippet using HTML CSS

1
2
3
4
5
6
7
8
<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/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 ---------->
<h1><img src= 
"https://res.cloudinary.com/www-selvasekhar-com/image/upload/v1575034534/googlelogo_color_272x92dp_l05jpu.png"> 
  </h1>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
h1 { 
            display: flex; 
            flex-direction: row; 
        } 
          
        h1:before, 
        h1:after { 
            content: ""; 
            flex: 1 1; 
            border-bottom: 2px solid #000; 
            margin: auto; 
        } 
          
        img { 
            height: 100px; 
            width: 100px; 
            border-radius: 50%; 
        } 
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

"Untitled"
Bootstrap 4.1.1 Snippet by selvasekhar

Related: See More

Questions / Comments:

"Untitled" Bootstrap 4.1.1 Snippet by selvasekhar

Related: See More

Questions / Comments:

"Untitled"
Bootstrap 4.1.1 Snippet by selvasekhar