freeCodeCamp/guide/chinese/certifications/front-end-libraries/bootstrap/apply-the-default-bootstrap.../index.md

1.0 KiB
Raw Blame History

title localeTitle
Apply the Default Bootstrap Button Style 应用默认引导按钮样式

应用默认引导按钮样式

最后一个挑战是你创建了6个按钮每个井元素中有3个这次你需要为这些按钮添加类。

暗示

使用以下语法声明类:


<button class="class(es)Name"></button> 

由于您必须添加btnbtn-default类,因此以下是解决方案:


<div class="container-fluid"> 
  <h3 class="text-primary text-center">jQuery Playground</h3> 
  <div class="row"> 
    <div class="col-xs-6"> 
      <div class="well"> 
        <button class="btn btn-default"></button> 
        <button class="btn btn-default"></button> 
        <button class="btn btn-default"></button> 
      </div> 
    </div> 
    <div class="col-xs-6"> 
      <div class="well"> 
        <button class="btn btn-default"></button> 
        <button class="btn btn-default"></button> 
        <button class="btn btn-default"></button> 
      </div> 
    </div> 
  </div> 
 </div>