changing the layout from a select form bootstrap

Attached you can see a picture, which is a form that clients should use to contact me. As you can see, the select form is not in the same layout than the others. I want to add an icon as well, but it looks stupid because it is a rect closed to round corners. I have found many ways to change that, but with huge libraries, which I don't need (e.g. http://ivaynberg.github.io/select2/ or http://silviomoreto.github.io/bootstrap-select/)

https://dl.dropboxusercontent.com/u/20731482/contact.png

How can I change the layout and include the icon on the left side easily?

Answers


Why don't you use a regular select ?

<div class="input-prepend">
  <span class="add-on">@</span>
  <select id="inputSelection">
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
  <option>5</option>
</select>
</div>

You can see how it works.


Need Your Help

Undoing a single-file Git Checkout

xcode git commit checkout rollback

So, I am working on a project with XCode. Happily, I found out that it keeps an Git repository within every project. So, after a mistake on a code, i just used

Replace inline data with json service for angular/ionic app

json angularjs

Can you please help to replace the below service with json service. Right now all datas are hardcoded inside the service. the controller which binds is also below.

About UNIX Resources Network

Original, collect and organize Developers related documents, information and materials, contains jQuery, Html, CSS, MySQL, .NET, ASP.NET, SQL, objective-c, iPhone, Ruby on Rails, C, SQL Server, Ruby, Arrays, Regex, ASP.NET MVC, WPF, XML, Ajax, DataBase, and so on.