分类标签归档:BootStrap

Bootstrap 4卡片


  • 使用Bootstrap 4可以创建卡片。

  • 卡片是带边框的盒子,内部有一些填充物,可以方便地显示一组特定的信息。

要创建一个基本的Bootstrap 4卡,您需要创建一个带有.card类的<div>容器,并在另一个带有.card-body类的<div>容器中.card-body
这就是它在html doc中的外观
<div class="card">
 <!-- content of the card goes here -->
  <div class="card-body">Co...

阅读全文...

BootStrap按钮


Bootstrap框架为您提供各种按钮样式选项。这些样式可帮助您为用户提供按钮可能执行的操作的可视化表示。

如何使用:

要使用引导按钮,请按照与在HTML中创建按钮相同的步骤进行操作,除了您还将适用的CSS类应用于按钮。下面提供了一个代码示例。

代码示例:

<button type="button" class="btn btn-primary">Primary</button>

您还可以使用带有<a><input>元素的引导按钮,如下面的示例所示。

<a class="btn btn-primary" href="#" rol...

阅读全文...

Web前端学习线路图



一、HTML 教程

阅读全文...