BS Callout

BS-Callout-Info

Regardless of whether you call your dropdown via JavaScript or instead use the data-api, data-toggle="dropdown" is always required to be present on the dropdown's trigger element.

BS-Callout-Success

Regardless of whether you call your dropdown via JavaScript or instead use the data-api, data-toggle="dropdown" is always required to be present on the dropdown's trigger element.

BS-Callout-Warning

Regardless of whether you call your dropdown via JavaScript or instead use the data-api, data-toggle="dropdown" is always required to be present on the dropdown's trigger element.

BS-Callout-Danger

Regardless of whether you call your dropdown via JavaScript or instead use the data-api, data-toggle="dropdown" is always required to be present on the dropdown's trigger element.

<div class="bs-callout bs-callout-info">
	<h4>BS-Callout-Info</h4>
	<p>Regardless of whether you call your dropdown via JavaScript or instead use the data-api, data-toggle=&quot;dropdown&quot; is always required to be present on the dropdown&#39;s trigger element.</p>
</div>
<div class="bs-callout bs-callout-success">
	<h4>BS-Callout-Success</h4>
	<p>Regardless of whether you call your dropdown via JavaScript or instead use the data-api, data-toggle=&quot;dropdown&quot; is always required to be present on the dropdown&#39;s trigger element.</p>
</div>
<div class="bs-callout bs-callout-warning">
	<h4>BS-Callout-Warning</h4>
	<p>Regardless of whether you call your dropdown via JavaScript or instead use the data-api, data-toggle=&quot;dropdown&quot; is always required to be present on the dropdown&#39;s trigger element.</p>
</div>
<div class="bs-callout bs-callout-danger">
	<h4>BS-Callout-Danger</h4>
	<p>Regardless of whether you call your dropdown via JavaScript or instead use the data-api, data-toggle=&quot;dropdown&quot; is always required to be present on the dropdown&#39;s trigger element.</p>
</div>

LESS

.bs-callout {
  margin: 20px 0;
  padding: 20px;
  border-left: 4px solid #eee;
  //border-radius: @border-radius-large;
}
.bs-callout-success {
  border-color: @brand-success;
  //background-color: @state-success-bg;
}
.bs-callout-info {
  border-color: @brand-info;
  //background-color: @state-info-bg;
}
.bs-callout-warning {
  border-color: @brand-warning;
  //background-color: @state-warning-bg;
}
.bs-callout-danger {
  border-color: @brand-danger;
  //background-color: @state-danger-bg;
}
.bs-callout-success h4 {
  color: @brand-success;
}
.bs-callout-info h4 {
  color: @brand-info;
}
.bs-callout-warning h4 {
  color: @brand-warning;
}
.bs-callout-danger h4 {
  color: @brand-danger;
}
.bs-callout h4 {
  margin-top: 0;
  margin-bottom: 5px;
}

This page was last modified on Thursday, 7th May 2015 at 08:41:16 by Gary Keeling. © 2019 GKWeb Design.

Categorised as: Less Overrides

GK5 Footer

and whatever