"Form add some thing"
Bootstrap 3.0.0 Snippet by ghyath

Post to Facebook Tweet this

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div class="container">
<div class="row">
<div class="cont-form">
<form class="form-horizontal">
<div class="form-group">
<div class="col-sm-10 pull-right">
<input type="text" id="title" placeholder="title" class="form-control" name="title" >
</div>
</div>
<div class="form-group">
<div class="col-sm-5 pull-right">
<input class="form-control" placeholder="Country" type="text" name="country"/>
</div>
<div class="col-sm-5 pull-right">
<input class="form-control" placeholder="amount" type="text" name="country"/>
</div>
</div>
<div class="form-group">
<div class="col-sm-10 pull-right">
<select class="form-control" name="title">
<option value="">Category</option>
<option>home</option>
</select>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
body{
background:#000;
}
.cont-form{
background:white;
}
#fill-up{
display:none;
}
.add-img{
background:#eee;
padding:50px;
display:block;
text-align:center;
font-size:50px;
cursor:pointer;
}
textarea.description{
max-width:100%;
height:300px;
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
$("#box-add").on("click",function(){
$("#fill-up").click();
})
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More

Now UI Dashboard React
login-form
Login Form
Contact Form

Questions / Comments: