title: Bootstrap spoiling the ul and li elements
body: <p>I am making a simple web app. Today, I decided to include bootstrap, to use some UI elemets. Anyhow, including bootstrap is spoiling whatever css I had developed myself. Even <code>!important</code> is unable to solve the problem.</p>
  
  <p>Before Bootstrap css file inclusion:</p>
  
  <p><img src="https://i.stack.imgur.com/LItr5.png" alt="Before including CSS file of Bootstrap"> </p>
  
  <p>After:</p>
  
  <p><img src="https://i.stack.imgur.com/ITNDk.png" alt="After including CSS file of Bootstrap"></p>
  
  <p>What's wrong? What should I do?</p>
  
  <p>EDIT:</p>
  
  <p>After, including the list-group and list-group-item class, I am getting:</p>
  
  <p><img src="https://i.stack.imgur.com/Lr8hE.png" alt="enter image description here"></p>
  
  <p>So, finally, how do I have the text come in the same line as the checkboxes?</p>