分类目录归档:BootStrap

Bootstrap Carousel


Carousel是一个幻灯片组件,用于循环播放图像或文本幻灯片等元素。 它以平滑的方式提供了一种通过滑动或循环来表示大量数据(文本或图像)的动态方式

图像滑块的示例代码如下:

<html>
 <head>

 <!-- BootStrap's minified CSS version -->
 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css&quo...

阅读全文...

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...

阅读全文...