Color your post from Ecency: Guide to using Bootstrap in the Hive network

When we started on the blockchain we learned to layout our posts with Markdown, but we only had a few options, from today you can use Bootstrap.

According to the information provided by the web Bootstrap is a popular HTML, CSS and JS library used to build fast and responsive sites. It's a powerful, extensible and complete frontend toolkit that allows you to build and customize with Sass, use a pre-built grid system and components, and bring projects to life with powerful JavaScript plugins.

Well, that's the technical part, for developers, but for us, ordinary people, I give you the following codes, to replace or add to those we know today.

Let's start with tables, in this case you can make a table with equal rows and columns or one that adapts to content, plus we'll add blue borders. Here the columns are divided into 12 parts, a column with [col-2] would be at 17%, with [col-8] it equals 66% of the total.

The code would be as follows, it already includes the border, with the border code and blue color with border-primary.

<div class="row">
<div class="col-md-8 border border-primary"># 1 This column will occupy two thirds of the container.</div>
<div class="col-md-auto border border-primary"># 2 This column will adjust its size based on the natural width of its content.</div> 
<div class="col-md-2 border border-primary">#3 This column will occupy one sixth of the container.</div>
<div class="col border border-primary"> #4  This column will occupy the remaining available space.</div>
</div>

<div class="container">
  <div class="row">
    <div class="col-md-6 border border-primary">
      <div class="text-primary">Blue text</div>
      <div class="text-secondary">Gray text</div>
      <div class="text-success">Green text</div>
      <div class="text-danger">Red text</div>
      <div class="text-warning">Yellow text</div>
 </div>
    <div class="col-md-6 border border-primary">     
 <div class="text-info">Light blue text</div>
      <div class="text-dark">Black text</div>
      <div class="text-muted">Light gray text</div>
      <div class="text-body">Black text</div>
      <div class="text-light"><code>Light gray text</code></div>
    </div>
  </div>
 </div>

Until now, this small excerpt of codes to improve our publications, you already have the colors you need, I hope it helps you, don’t forget to comment and share. Until next time.”

https://link.space/@cryptomaso---
|Facebook | Twitter |