'Style dd and dt tags with bootstrap

I created dt and dd tags in my javaScript. I also have some styling for them in my CSS file. But I am switching to bootstrap, how can I style them?

const pre_tx = document.createElement("pre");
const dt_tx = document.createElement("dt");
const dd_tx = document.createElement("dd");
dt {
  float: left;
  clear: left;
  width: 110px;
  font-weight: bold;
  color: black;
  margin-bottom: 5px;
}

dt::after {
  content: ":";
}

dd {
  margin: 0 0 0 60px;
  padding: 0 0 0.5em 0;
}
<!-- HTML: This is the DIV that displays the dt and dd data: -->
<div class="displays" id="display"></div>

How can I get the same styling with bootstrap?

javascripthtmlcssbootstrap-4


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source

Related Questions