Bootstrap SS @AlexSigner1

//  Bootstrap Grid to Put Elements Side By Side
//  @AlexSigner

<!--  for the section of code posted, we are handling the 3 buttons Like, Info, and Delete.
the code structure should be
<div...>
   <div...>
        <button...>Like</button>
   </div>
//  add 2 buttons (Info, & Delete here - same format as Like button)
</div>
the class for the outermost div should be "row"
the class for each button div should be "col-xs-4"
each button should have 3 classes: btn, btn-block, & btn-info -->

<!-- let's use the structure presented above.
so, we will have a div that wraps (opening & closing tag/s) all of buttons - this is the outermost div for this code section.
each button will be wrapped in a div.
ok, so starting with the outermost div, we need to add the row "class". so the outermost div will
look like this: <div class="row">.
the format for each div wrapping the buttons is the same. however, we need to ensure that each button has
3 classes (mentioned above). so each button's div will look like this: <div class="btn btn-block btn-danger>.
obviously, each set of button tags will wrap the button name (Like, Info, &/or Delete). -->

so, in the above format example, the first button code would look like this:

  <div class="row">
    <div class="col-xs-4">
      <button class="btn btn-block btn-primary">Like</button>
    </div>
    ...now add the next 2 buttons.



<div class="row"><button class="btn btn-block btn-primary">Like</button><button class="btn btn-block btn-info">Info</button><button class="btn btn-block btn-danger">Delete</button></div>
<div class="col-xs-4"><button class="btn btn-block btn-primary">Like</button></div>
<div class="col-xs-4"><button class="btn btn-block btn-info">Info</button></div>
<div class="col-xs-4"><button class="btn btn-block btn-danger">Delete</button></div>