question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Bootstrap form-control

See original GitHub issue

I am having an issue with my form control class from bootstrap

image

default classes are overriding bootstrap classes

<div class="form-group"> <label for="departament" class="col-md-3 control-label">{{__("Departament")}}:</label><div class="col-md-6"><v-select :options="['foo','bar']"></v-select</div></div> or am i doing something wrong ?

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Comments:6 (2 by maintainers)

github_iconTop GitHub Comments

3reactions
sagalbotcommented, Mar 31, 2017

Are you writing any scss yourself? You could do something like:

.v-select .dropdown-toggle {
  @extend .form-control;
}
1reaction
sagalbotcommented, Jun 30, 2017

@setefocos that will just apply the form-control class to the wrapper, not the actual input. Since v2.1.0 I dropped the bootstrap dependencies to make it work better with all CSS frameworks, so you’ll have to write some css yourself.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Form controls · Bootstrap v5.0
Give textual form controls like s and s an upgrade with custom styles, sizing, focus states, and more.
Read more >
Bootstrap Forms - W3Schools
Form controls automatically receive some global styling with Bootstrap: All textual <input> , <textarea> , and <select> elements with class .form-control ...
Read more >
Form Control - React-Bootstrap
For textual form controls—like input s and textarea s—use the FormControl component. ... import Form from 'react-bootstrap/Form';.
Read more >
form-control-sm - Bootstrap CSS class
Bootstrap CSS class form-control-sm with source code and live preview. You can copy our examples and paste them into your project!
Read more >
Class="form-control" What does that do? - HTML-CSS
It's a class defined by Bootstrap. All textual <input> , <textarea> , and <select> elements with .form-control are set to width: 100%; by ......
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found