Template fields format

Hello,

Trying to figure out how to have same design based on the template i choose and i downloaded the min.css from here Bootswatch: Litera

and i would like to have some fields to look like this

Now, is there a way to get the exact details from the template side ? and if so, how do i do that ?

Based on the template source code i have this

<div class="has-success">
  <label class="form-label mt-4" for="inputValid">Valid input</label>
  <input type="text" value="correct value" class="form-control is-valid" id="inputValid">
  <div class="valid-feedback">Success! You've done it.</div>
</div>
<div class="has-danger">
  <label class="form-label mt-4" for="inputInvalid">Invalid input</label>
  <input type="text" value="wrong value" class="form-control is-invalid" id="inputInvalid">
  <div class="invalid-feedback">Sorry, that username's taken. Try another?</div>
</div>

Now, how and what should i do in order to have exact same format ? do i need to create a web container and subclass each control and add those as web style or there is another way ?

Thanks a lot

2 posts - 2 participants

Read full topic