JSFiddle - React, Tailwind, and code Playground
HTML
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://www.springframework.org/tags" prefix="spring"%>
<div class="form-horizontal">
<div class="form-group">
<div class="col-md-4">
<textarea id="trescPytania" class="form-control" rows="3"
placeholder="Treść"></textarea>
</div>
<div class="radio">
<label><input id="otwarteRadio" type="radio"
name="otwarteRadio">Otwarte</label>
</div>
<div class="radio">
<label><input id="zamknieteRadio" type="radio"
name="zamknieteRadio">Zamknięte</label>
</div>
<div class="col-md-4">
<ul class="list-group" id="opcjaList">
</ul>
<div class="input-group">
<input id="nowaOpcjaTF" type="text" class="form-control"
placeholder="Nowa opcja" name="trescOpcji"> <span
class="input-group-btn"> <a id="dodajOpcje"
class="btn btn-primary pull-left">Dodaj</a>
</span>
</div>
</div>
</div>
</div>
CSS
@import url('http://twitter.github.com/bootstrap/assets/css/bootstrap.css');
@import url('http://twitter.github.com/bootstrap/assets/css/bootstrap-responsive.css');
body { padding: 10px }
.patch-well {
color: #FFF;
background: url('http://subtlepatterns.com/patterns/darkdenim3.png') repeat;
padding: 20px;
text-align: left;
float:left;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 0 0 5px #000;
-webkit-box-shadow: 0 0 5px #000;
box-shadow: 0 0 5px #000;
}
.input-prepend {
}
.input-prepend .add-on {
}
.input-prepend input {
width:87%;
}
textarea {
width:96%;
}