Skip to main content
Inspiring
July 15, 2022
Question

Bootstrap table attributes

  • July 15, 2022
  • 1 reply
  • 283 views

Nancy gave me some info on bootstrap tables. it's great for multiple columns. I do have some questions. Can I change the font? I tried in the properities menu/CSS. It worked, but it was about about to change bootstrap css files. I thought that was a VERY bad idea and did not proceed. Can I change the font externally?  I added some nice attributes with nancy's info, but I still have some. questions. can I add border lines, and can I set a max width? This the code I have so far:

 

<table class="table caption-top responsive-table table-striped" >
<caption>Cam-33 Designations</caption>
  <thead class="table-dark">
    <tr>
      <th scope="col" >&nbsp;</th>
      <th scope="col">Cam-33-2</th>
      <th scope="col">Cam-33-3</th>
      <th scope="col" >Cam-33-4</th>
      <th scope="col">Cam-33-6</th>
      <th scope="col">Cam-3XG</th>
    </tr>
 </thead>
<tbody>
    <tr>
      <th scope="row">Channels</th>
      <td>Two</td>
      <td>Three</td>
      <td>Four</td>
      <td>Six</td>
      <td>Three</td>
    </tr>
    <tr>
      <th scope="row">Activity Detected</th>
      <td>Gamma Particulate, Noble Gas</td>
      <td>Beta-Gamma Particulate, Iodine, Noble Gas</td>
      <td>Beta-Gamma Particulate, Iodine, Noble Gas, Alpa Particulate</td>
      <td>Beta-Gamma Particulate, Iodine, Noble Gas, Alpa Particulate, Tritium, Carbon-14</td>
      <td>Noble Gases: Low, Medium and High Energies</td>
    </tr>
  </tbody>
</table>
 
Link online:
    This topic has been closed for replies.

    1 reply

    Nancy OShea
    Community Expert
    Community Expert
    August 28, 2022

    Sorry for the late reply. I didn't see your post until now.

     

    Yes, you can change fonts in your custom.css file.   I recommend sticking with web safe font-families that are common to most Windows/Mac machines. Custom fonts won't display on everyone's device unless they have installed it previously.

    https://www.cssfontstack.com/

     

    For special use cases, you may use Adobe Web Fonts.  But they may take longer to load the page.

    https://fonts.adobe.com/

    https://helpx.adobe.com/fonts/using/add-fonts-website.html

     

    To add borders, use Bootstrap border classes below.

    https://getbootstrap.com/docs/4.0/utilities/borders/

     

    Nancy O'Shea— Product User & Community Expert