Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

Bootstrap table attributes

Contributor ,
Jul 15, 2022 Jul 15, 2022

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:
201
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Aug 28, 2022 Aug 28, 2022
LATEST

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 & Moderator
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines