horizontal stepper content

  1. MDB Home Page
  2. Support Main Page
  3. MDB jQuery
Topic: horizontal stepper content

euclidwebteam pro asked 6 years ago

Hi there, Do you have examples for entering step content into the horizontal stepper? I tried something like this (using the vertical stepper as an example), but it didn't render correctly: 
<div class="row">
   <div class="col-md-12">
      <ul class="stepper stepper-horizontal">
         <li class="completed">
            <a href="#!">
               <span class="circle">1</span>
               <span class="label">Profile</span>
            </a> 
            <div class="step-content grey lighten-3">
               <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Esse cupiditate voluptate facere iusto quaerat
               vitae excepturi, accusantium ut aliquam repellat atque nesciunt nostrum similique. Inventore nostrumut, nobis porro sapiente.</p>
            </div>
         </li>
        
         <li class="active">
            <a href="#!">
               <span class="circle">2</span>
               <span class="label">Contact Info</span>
            </a>
         </li>
      </ul>
   </div>
</div>
 
Write
Create snippet
Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status

Open

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
About author
euclidwebteam
Pro User
10Support score
4Questions 3Answers
0Snippets likes 0Snippets