Skip to content

Instantly share code, notes, and snippets.

@benblodgett
Created January 24, 2013 21:04
Show Gist options
  • Select an option

  • Save benblodgett/4627725 to your computer and use it in GitHub Desktop.

Select an option

Save benblodgett/4627725 to your computer and use it in GitHub Desktop.
Chosen - (harvesthq.github.com/chosen/) responsive css hack for Bootstrap (twitter.github.com/bootstrap)
[class*="span"] {
.chzn-container {
width:98%!important;
.chzn-search {
input[type='text'] {
padding:2px 4%!important;
width:90%!important;
margin:5px 2%;
}
}
.chzn-single {
padding:10px 1%;
}
.chzn-drop {
width:100%!important;
}
}
}
@hocu

hocu commented Feb 21, 2014

Copy link
Copy Markdown

very nice fix, thanks a lot.

by the way, 10px padding for .chosen-search didn't worked me, but I used 0 1%, worked like a charm.

@willstreamba

Copy link
Copy Markdown

brilliant fix, cheers. :)

@bitakazemi

Copy link
Copy Markdown

Well done ! It works perfect

@dieson1111

Copy link
Copy Markdown

Thanks so much!!

@marcospcmartins

Copy link
Copy Markdown

Very good, thanks!!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment