Changing the styles of Bootstrap form fields

Asked

Viewed 135 times

0

I wonder if there is any way to change the styles of bootstrap form fields. I wanted to put together a form with a border-bottom and transparent background but I can’t. someone has some solution?

css twitter-bootstrap form

  • Which Boostrap 3 or 4? Do you want to make a Material Design style form only with Bootstrap? Edit your question, ask what you already have of code or the example you are trying to do.

2 answers

0


add a class form-personalizado where you want it to have transparent background and edge and in css add this

.form-personalizado{
    border-bottom: 1px solid #00ff00;
    background-color:transparent;
}

NOTE: Your input must have form-custom class or it will not work (class="form-personalizado")

  • Otávio, thank you very much... Problem solved!

  • I’m happy to help!

-1

You can use these examples that you have below in this page of the Bootstrap documentation, has a specific class for transparent background.

https://getbootstrap.com/docs/4.0/components/buttons/

<button type="button" class="btn btn-outline-primary">Primary</button>
<button type="button" class="btn btn-outline-secondary">Secondary</button>
<button type="button" class="btn btn-outline-success">Success</button>
<button type="button" class="btn btn-outline-danger">Danger</button>
<button type="button" class="btn btn-outline-warning">Warning</button>
<button type="button" class="btn btn-outline-info">Info</button>
<button type="button" class="btn btn-outline-light">Light</button>
<button type="button" class="btn btn-outline-dark">Dark</button>

Browser other questions tagged css twitter-bootstrap form

You are not signed in. Login or sign up in order to post.