title: How do I adjust the size of a column in React/Bootstrap
body: <pre><code>&lt;div className={"col-7 name"}&gt;&amp;thinsp;&lt;/div&gt;
  </code></pre>
  
  <p>When this loads into my page, the column is too big. I want to make it more narrow, and if possible, I want to apply an attribute directly inside the div.</p>
  
  <p>What attributes can I add to col-7 name and what is the proper way to do it ?</p>