Website content

by 
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">

<div class="container-fluid">
    <div class="row">
        <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
            <a href="#">About</a>
        </div>
        <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
            <img src="https://www.google.ca/images/srpr/logo11w.png" style="width: 100px">
        </div>
        <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
            <a href="#myModal1" data-toggle="modal">SHARE</a>
        </div>
    </div>
     <div class="row">
        <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
            <a href="#">About</a>
        </div>
        <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
            <img src="https://www.google.ca/images/srpr/logo11w.png" style="width: 100px">
        </div>
        <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
            <a href="#myModal1" data-toggle="modal">SHARE</a>
        </div>
    </div>
     <div class="row">
        <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
            <a href="#">About</a>
        </div>
        <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
            <img src="https://www.google.ca/images/srpr/logo11w.png" style="width: 100px">
        </div>
        <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
            <a href="#myModal1" data-toggle="modal">SHARE</a>
        </div>
    </div>
     <div class="row">
        <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
            <a href="#">About</a>
        </div>
        <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
            <img src="https://www.google.ca/images/srpr/logo11w.png" style="width: 100px">
        </div>
        <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
            <a href="#myModal1" data-toggle="modal">SHARE</a>
        </div>
    </div>
     <div class="row">
        <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
            <a href="#">About</a>
        </div>
        <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
            <img src="https://www.google.ca/images/srpr/logo11w.png" style="width: 100px">
        </div>
        <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
            <a href="#myModal1" data-toggle="modal">SHARE</a>
        </div>
    </div>
</div>

More Related Contents:

  1. Something weird with css
  2. Applying an ellipsis to multiline text [duplicate]
  3. How to modify the fill color of an SVG image when being served as background image?
  4. Freeze the top row for an html table only (Fixed Table Header Scrolling)
  5. CSS – How to Style a Selected Radio Buttons Label?
  6. Table with fixed header and fixed column on pure css
  7. How to display scroll bar onto a html table
  8. Why can’t I center with margin: 0 auto?
  9. Why display grid with 100% in grid-template-columns goes out of body?
  10. Can I use non existing CSS classes?
  11. Remove default text/placeholder present in html5 input element of type=date
  12. issue with CSS media queries(scrollbar)
  13. How to resize an image to fit in the browser window?
  14. CSS: Workaround to backdrop-filter?
  15. how to overwrite css style
  16. How to create a curved speech bubble?
  17. Force an image to fit and keep aspect ratio
  18. HTML Div border not showing
  19. How do I assign multiple classes to one HTML element? [closed]
  20. How to center horizontally and vertically?
  21. How do I select an element that has a certain class?
  22. How to use nth-child for styling with a table with rowspan?
  23. Body height 100% displaying vertical scrollbar
  24. Set div to have its siblings width
  25. How do I vertically align text in a paragraph?
  26. CSS space before selector
  27. How can I create equal width/height boxes that fit the screen width? [duplicate]
  28. Sticky header and footer scrollable content
  29. Scrollbar without fixed height/Dynamic height with scrollbar
  30. css divide width 100% to 3 column

Leave a Comment