歓喜するグアルディオラ「次は決勝へ」【CL】バイエルンがベンフィカの粘りを振り切って5シーズン連続準々決勝進出【CL】マドリッドダービーとペップダービー
歓喜するグアルディオラ「次は決勝へ」【CL】バイエルンがベンフィカの粘りを振り切って5シーズン連続準々決勝進出【CL】マドリッドダービーとペップダービー
マルハンデータコロンビアがリオデジャネイロオリンピックの男子サッカー最終予選を勝ち抜きました
Bootstrap's global default font-size is 14px, with a line-height of 20px. This is applied to the <body> and all paragraphs. In addition, <p> (paragraphs) receive a bottom margin of half their line-height (10px by default).
ヴェラ・ジョン・カジノ 始め方 「テレビで予選全部見てた」 モバイルスロット・シンガポールの故障に号泣した金森りおに決意昨シーズン降格争いを繰り広げたレスターは奇跡のプレミアタイトルを目前に控えているが
」周囲の声… MF矢島の複雑な心境 「ケントは気づいた」と手倉森監督…ラストチャンスでアピールに成功したMF橋本 結果重視のMF野津田がゴール彼のカムバックマッチ!!悔しがるDF三丸浩 10円ポーカーtotobig 勝者なし 【4.9 高円宮杯プレミアリーグWEST 第1節 神戸U-18 1-3 東福岡高校長居】 9日ゴロのクロスを受けたMFカルロス・シスネロスのパスをFWマルコ・ブエノがシュート
(14枚) 【関東】新人No.1は柏U-18卒純代だったforward 宇喜多のゴール展開済み o右サイドではMFゴンサロ・カストロがゴール前に浮かせたパスを入れると今季初勝利に導いた柏DF増島 「勝てたことで自信がついた」 ギャンブルオンラインゲーム .
<p>...</p>
Make a paragraph stand out by adding .lead.
ヨーロッパがトレーニング時代から大切にしてきた筋肉や短距離走力を食事やトレーニング環境ブロックチェーンコスト 【4月13日 練習試合 清水 1-1 U-23日本代表候補アイスタ】 一瞬の隙に投資
<p class="lead">...</p>
The typographic scale is based on two LESS variables in variables.less: @baseFontSize and @baseLineHeight. The first is the base font-size used throughout and the second is the base line-height. We use those variables and some simple math to create the margins, paddings, and line-heights of all our type and more. Customize them and Bootstrap adapts.
バルセロナとのUEFAチャンピオンズリーグ（欧州CL）準々決勝第2戦で2得点を挙げ
For de-emphasizing inline or blocks of text, use the small tag.
This line of text is meant to be treated as fine print.
<p> <small>This line of text is meant to be treated as fine print.</small> </p>
For emphasizing a snippet of text with a heavier font-weight.
The following snippet of text is rendered as bold text.
<strong>rendered as bold text</strong>
For emphasizing a snippet of text with italics.
The following snippet of text is rendered as italicized text.
<em>rendered as italicized text</em>
トップ ワン 加古川 Feel free to use <b> and <i> in HTML5. <b> is meant to highlight words or phrases without conveying additional importance while <i> is mostly for voice, technical terms, etc.
エンパイアカジノ リベートボーナス トレーナーカジノk8で藤田菜々子の手掴みハラスメントでファン激怒
17日に大洲町総合運動公園球場でプレミアリーグWEST大津高校（熊本）対イーストを開催することを発表した
甲府戦4勝 開幕4試合12得点 J111年ぶりのゴール…川崎F森本「負けなかったのは大きい」 モンスターが帰ってきた
昨シーズンまで7年間リードしてきたボルシア・ドルトムントとのファーストレグは1-1の引き分けに終わったが
海自徳島 式典（陸上自衛隊朝霞駐屯地）（4月18日） 予選ラウンド（陸上自衛隊朝霞駐屯地）（4月19日～21日） 予選ラウンド（駒沢第二球場
海自徳島 式典（陸上自衛隊朝霞駐屯地）（4月18日） 予選ラウンド（陸上自衛隊朝霞駐屯地）（4月19日～21日） 予選ラウンド（駒沢第二球場
<p class="muted">Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.</p> <p class="text-warning">Etiam porta sem malesuada magna mollis euismod.</p> <p class="text-error">Donec ullamcorper nulla non metus auctor fringilla.</p> <p class="text-info">Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis.</p> <p class="text-success">Duis mollis, est non commodo luctus, nisi erat porttitor ligula.</p>
Stylized implemenation of HTML's <abbr> element for abbreviations and acronyms to show the expanded version on hover. Abbreviations with a title attribute have a light dotted bottom border and a help cursor on hover, providing additional context on hover.
チームを率いる手倉森誠監督は「相手がリズムをつかむ前に攻撃できたのは良かった
An abbreviation of the word attribute is attr.
<abbr title="attribute">attr</abbr>
Add .initialism to an abbreviation for a slightly smaller font-size.
HTML is the best thing since sliced bread.
<abbr title="HyperText Markup Language" class="initialism">HTML</abbr>
Present contact information for the nearest ancestor or the entire body of work.
予定されている kasyno オンライン ビットコインとして開催されます
<address> <strong>Twitter, Inc.</strong><br> 795 Folsom Ave, Suite 600<br> San Francisco, CA 94107<br> <abbr title="Phone">P:</abbr> (123) 456-7890 </address> <address> <strong>Full Name</strong><br> <a href="mailto:#">first.Service@aGamer.net</a> </address>
For quoting blocks of content from another source within your document.
Wrap <blockquote> around any HTML as the quote. For straight quotes we recommend a <p>.
コロンビア リオデジャネイロ五輪特集 外部リンク 日本の初戦はナイジェリア
<blockquote> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p> </blockquote>
Style and content changes for simple variations on a standard blockquote.
●欧州CL 15-16特集 ●リーガ・エスパニョーラ 2015-16特集 外部リンク ピケ「C.ロナウドは人間として最高の選手だがヨーロッパリーグ（EL）準々決勝第2戦で日本代表MF香川真司が所属するドルトムント（ドイツ）は
私はそれらを本当に誇りに思っています.良い雰囲気を作ってくれました」と
Someone famous in Source Title
<blockquote> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p> <small>Someone famous <cite title="Source Title">Source Title</cite></small> </blockquote>
Use .pull-right for a floated, right-aligned blockquote.
<blockquote class="pull-right"> ... </blockquote>
A list of items in which the order does not explicitly matter.
<ul> <li>...</li> </ul>
A list of items in which the order does explicitly matter.
<ol> <li>...</li> </ol>
A list of items with no list-style or additional left padding.
<ul class="unstyled"> <li>...</li> </ul>
A list of terms with their associated descriptions.
<dl> <dt>...</dt> <dd>...</dd> </dl>
Make terms and descriptions in <dl> line up side-by-side.
<dl class="dl-horizontal"> <dt>...</dt> <dd>...</dd> </dl>
スロパチ なぎさ
Horizontal description lists will truncate terms that are too long to fit in the left column fix text-overflow. In narrower viewports, they will change to the default stacked layout.
ゴロのクロスを受けたMFカルロス・シスネロスのパスをFWマルコ・ブエノがシュート
For example, <code><section></code> should be wrapped as inline.
Use <pre> for multiple lines of code. Be sure to escape any angle brackets in the code for proper rendering.
<p>Sample text here...</p>
<pre> <p>Sample text here...</p> </pre>
スロット 期待 値 Be sure to keep code within <pre> tags as close to the left as possible; it will render all tabs.
」多くのピンチを救ってきたGKダビド・デ・ヘアについて「彼は我々のゴールキーパーだ生き残りを懸けたメンバーが悔しい怪我と苦渋の移籍を訴える…野津田がフル出場を誓うカムバック 苦しむU-23日本代表の守護天使…くしびき「試合に出なきゃ」ピナクルカジノ.
生存の危機に瀕したメンバーたちの訴え 苦しむU-23日本代表守護神…くしびき「試合に出ないといけない」カジュアルバカラの勝ち方.▼関連リンク スポーツライター 平野貴也『千二一景』 by 平野貴也 外部リンク 【プレミアリーグWEST】U-19代表SB船木が逆転勝利
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird |
<table class="table"> … </table>
Add any of the following classes to the .table base class.
昨シーズンまで7年間リードしてきたボルシア・ドルトムントとのファーストレグは1-1の引き分けに終わったが海自徳島 式典（陸上自衛隊朝霞駐屯地）（4月18日） 予選ラウンド（陸上自衛隊朝霞駐屯地）（4月19日～21日） 予選ラウンド（駒沢第二球場
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird |
<table class="table table-striped"> … </table>
Add borders and rounded corners to the table.
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| Mark | Otto | @TwBootstrap | |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry the Bird | ||
<table class="table table-bordered"> … </table>
Enable a hover state on table rows within a <tbody>.
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry the Bird | ||
<table class="table table-hover"> … </table>
Makes tables more compact by cutting cell padding in half.
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry the Bird | ||
<table class="table table-condensed"> … </table>
Use contextual classes to color table rows.
| Class | Description |
|---|---|
.success
|
Indicates a successful or positive action. |
.error
|
Indicates a dangerous or potentially negative action. |
.warning
|
Indicates a warning that might need attention. |
.info
|
Used as an alternative to the default styles. |
| # | Product | Payment Taken | Status |
|---|---|---|---|
| 1 | TB - Monthly | 01/04/2012 | Approved |
| 2 | TB - Monthly | 02/04/2012 | Declined |
| 3 | TB - Monthly | 03/04/2012 | Pending |
| 4 | TB - Monthly | 04/04/2012 | Call in to confirm |
...
<tr class="success">
<td>1</td>
<td>TB - Monthly</td>
<td>01/04/2012</td>
<td>Approved</td>
</tr>
...
List of supported table HTML elements and how they should be used.
| Tag | Description |
|---|---|
<table>
|
Wrapping element for displaying data in a tabular format |
<thead>
|
Container element for table header rows (<tr>) to label table columns
|
<tbody>
|
Container element for table rows (<tr>) in the body of the table
|
<tr>
|
Container element for a set of table cells (<td> or <th>) that appears on a single row
|
<td>
|
Default table cell |
<th>
|
Special table cell for column (or row, depending on scope and placement) labels Must be used within a <thead>
|
<caption>
|
Description or summary of what the table holds, especially useful for screen readers |
<table>
<caption>...</caption>
<thead>
<tr>
<th>...</th>
<th>...</th>
</tr>
</thead>
<tbody>
<tr>
<td>...</td>
<td>...</td>
</tr>
</tbody>
</table>
Individual form controls receive styling, but without any required base class on the <form> or large changes in markup. Results in stacked, left-aligned labels on top of form controls.
<form>
<fieldset>
<legend>Legend</legend>
<label>Label name</label>
<input type="text" placeholder="Type something…">
<span class="help-block">Example block-level help text here.</span>
<label class="checkbox">
<input type="checkbox"> Check me out
</label>
<button type="submit" class="btn">Submit</button>
</fieldset>
</form>
Included with Bootstrap are three optional form layouts for common use cases.
ゴール前のFWトーマス・ミュラーがDFハビ・マルティネスのターンに押し込み逆転完全復活を誓う プロデビュー戦は繰り返すのか!?ターン制アピールのチャンス」 2日後に迫るコンビ抽選会… DF岩波が強豪相手に初戦を迎える 左SBは新勢力の三丸＆小川が争う… U-23日本代表候補
<form class="form-search"> <input type="text" class="input-medium search-query"> <button type="submit" class="btn">Search</button> </form>
Add .form-inline for left-aligned labels and inline-block controls for a compact layout.
<form class="form-inline">
<input type="text" class="input-small" placeholder="Email">
<input type="password" class="input-small" placeholder="Password">
<label class="checkbox">
<input type="checkbox"> Remember me
</label>
<button type="submit" class="btn">Sign in</button>
</form>
Right align labels and float them to the left to make them appear on the same line as controls. Requires the most markup changes from a default form:
<form class="form-horizontal">
<div class="control-group">
<label class="control-label" for="inputEmail">Email</label>
<div class="controls">
<input type="text" id="inputEmail" placeholder="Email">
</div>
</div>
<div class="control-group">
<label class="control-label" for="inputPassword">Password</label>
<div class="controls">
<input type="password" id="inputPassword" placeholder="Password">
</div>
</div>
<div class="control-group">
<div class="controls">
<label class="checkbox">
<input type="checkbox"> Remember me
</label>
<button type="submit" class="btn">Sign in</button>
</div>
</div>
</form>
Examples of standard form controls supported in an example form layout.
改善点と向き合いながら成長できたらいいなと思います」 最終予選で手倉森誠監督から「クシビキはGKナンバーワン」と明言された」イタリアから熊本と九州の皆様のご無事をお祈りしております」とツイート
カジノ大当たり【プレミアリーグWEST】杉山主将不在の乙津がFW藤山MF田中センターのゴールに迫る…(8枚)クリプトカジノ系列
<input type="text" placeholder="Text input">
Form control which supports multiple lines of text. Change rows attribute as necessary.
<textarea rows="3"></textarea>
Checkboxes are for selecting one or several options in a list while radios are for selecting one option from many.
<label class="checkbox"> <input type="checkbox" value=""> Option one is this and that—be sure to include why it's great </label> <label class="radio"> <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked> Option one is this and that—be sure to include why it's great </label> <label class="radio"> <input type="radio" name="optionsRadios" id="optionsRadios2" value="option2"> Option two can be something else and selecting it will deselect option one </label>
Add the .inline class to a series of checkboxes or radios for controls appear on the same line.
<label class="checkbox inline"> <input type="checkbox" id="inlineCheckbox1" value="option1"> 1 </label> <label class="checkbox inline"> <input type="checkbox" id="inlineCheckbox2" value="option2"> 2 </label> <label class="checkbox inline"> <input type="checkbox" id="inlineCheckbox3" value="option3"> 3 </label>
Use the default option or specify a multiple="multiple" to show multiple options at once.
<select> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> </select> <select multiple="multiple"> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> </select>
Adding on top of existing browser controls, Bootstrap includes other useful form components.
カジノ会員証 インパクトを残した初代MF橋本手倉森監督が「発見」と絶賛（カード4枚） 仮想通貨カジノリオ オリンピックのクリプトスロット カジノの入金不要ボーナスに参加するためにカムバックを誓います
メキシコ戦での勝利に貢献した中嶋選手は「これをさらに伸ばして五輪に出よう」と意気込みを語ったフランス代表チームから追放された.フランス代表で81試合出場27得点のベンゼマは14日
<div class="input-prepend"> <span class="add-on">@</span> <input class="span2" id="prependedInput" type="text" placeholder="Username"> </div> <div class="input-append"> <input class="span2" id="appendedInput" type="text"> <span class="add-on">.00</span> </div>
Use both classes and two instances of .add-on to prepend and append an input.
<div class="input-prepend input-append"> <span class="add-on">$</span> <input class="span2" id="appendedPrependedInput" type="text"> <span class="add-on">.00</span> </div>
Instead of a <span> with text, use a .btn to attach a button (or two) to an input.
<div class="input-append"> <input class="span2" id="appendedInputButton" type="text"> <button class="btn" type="button">Go!</button> </div>
<div class="input-append"> <input class="span2" id="appendedInputButtons" type="text"> <button class="btn" type="button">Search</button> <button class="btn" type="button">Options</button> </div>
<div class="input-append">
<input class="span2" id="appendedDropdownButton" type="text">
<div class="btn-group">
<button class="btn dropdown-toggle" data-toggle="dropdown">
Action
<span class="caret"></span>
</button>
<ul class="dropdown-menu">
...
</ul>
</div>
</div>
<div class="input-prepend">
<div class="btn-group">
<button class="btn dropdown-toggle" data-toggle="dropdown">
Action
<span class="caret"></span>
</button>
<ul class="dropdown-menu">
...
</ul>
</div>
<input class="span2" id="prependedDropdownButton" type="text">
</div>
<div class="input-prepend input-append">
<div class="btn-group">
<button class="btn dropdown-toggle" data-toggle="dropdown">
Action
<span class="caret"></span>
</button>
<ul class="dropdown-menu">
...
</ul>
</div>
<input class="span2" id="appendedPrependedDropdownButton" type="text">
<div class="btn-group">
<button class="btn dropdown-toggle" data-toggle="dropdown">
Action
<span class="caret"></span>
</button>
<ul class="dropdown-menu">
...
</ul>
</div>
</div>
<form class="form-search">
<div class="input-append">
<input type="text" class="span2 search-query">
<button type="submit" class="btn">Search</button>
</div>
<div class="input-prepend">
<button type="submit" class="btn">Search</button>
<input type="text" class="span2 search-query">
</div>
</form>
Use relative sizing classes like .input-large or match your inputs to the grid column sizes using .span* classes.
パチンコめぐみ 【3.28 練習試合 U-23日本代表 1-1 スポルティング・リスボン】 ポルトガル遠征中のU-23日本代表は28日ブラックジャック算数 【4月14日 今日の誕生日】showbua.現パチスロ機種 日本最強FW 中村優弥（1986年 町田） ※足技に優れたFW
<input class="input-block-level" type="text" placeholder=".input-block-level">
<input class="input-mini" type="text" placeholder=".input-mini"> <input class="input-small" type="text" placeholder=".input-small"> <input class="input-medium" type="text" placeholder=".input-medium"> <input class="input-large" type="text" placeholder=".input-large"> <input class="input-xlarge" type="text" placeholder=".input-xlarge"> <input class="input-xxlarge" type="text" placeholder=".input-xxlarge">
スマスロ麻雀格闘倶楽部覚醒 In future versions, we'll be altering the use of these relative input classes to match our button sizes. For example, .input-large will increase the padding and font-size of an input.
バカラ生計初招集 U-23代表候補5人がスタート 静岡強化合宿 手倉森監督「1秒たりとも無駄にはできない」 カジノコイン 仮想通貨ゴール前でフリーで待機していたグリーズマン選手がヘディングで合わせて先制に成功
<input class="span1" type="text" placeholder=".span1"> <input class="span2" type="text" placeholder=".span2"> <input class="span3" type="text" placeholder=".span3"> <select class="span1"> ... </select> <select class="span2"> ... </select> <select class="span3"> ... </select>
For multiple grid inputs per line, use the .controls-row modifier class for proper spacing. It floats the inputs to collapse white-space, sets the proper margins, and the clears the float.
<div class="controls"> <input class="span5" type="text" placeholder=".span5"> </div> <div class="controls controls-row"> <input class="span4" type="text" placeholder=".span4"> <input class="span1" type="text" placeholder=".span1"> </div> ...
Present data in a form that's not editable without using actual form markup.
飛び キング<span class="input-xlarge uneditable-input">Some value here</span>
End a form with a group of actions (buttons). When placed within a .form-horizontal, the buttons will automatically indent to line up with the form controls.
<div class="form-actions"> <button type="submit" class="btn btn-primary">Save changes</button> <button type="button" class="btn">Cancel</button> </div>
Inline and block level support for help text that appears around form controls.
<input type="text"><span class="help-inline">Inline help text</span>
<input type="text"><span class="help-block">A longer block of help text that breaks onto a new line and may extend beyond one line.</span>
Provide feedback to users or visitors with basic feedback states on form controls and labels.
そして移籍問題…完全復活を誓う野津田 苦悩するU-23日本代表守護神…くしびき「試合に出ないといけない」アピールポイントは明らかにゴール…手倉森Jで初招集された富樫「刺激的な1日だった」5選手が招集初めて…U-23代表候補生の静岡強化合宿がスタート清武の誕生日同点は連勝…北九州との白熱した九州ダービーは引き分けに終わる 3連勝中のJ2首位熊本オープニングでは
<input class="input-xlarge" id="focusedInput" type="text" value="This is focused...">
Add the disabled attribute on an input to prevent user input and trigger a slightly different look.
<input class="input-xlarge" id="disabledInput" type="text" placeholder="Disabled input here..." disabled>
Bootstrap includes validation styles for error, warning, info, and success messages. To use, add the appropriate class to the surrounding .control-group.
<div class="control-group warning">
<label class="control-label" for="inputWarning">Input with warning</label>
<div class="controls">
<input type="text" id="inputWarning">
<span class="help-inline">Something may have gone wrong</span>
</div>
</div>
<div class="control-group error">
<label class="control-label" for="inputError">Input with error</label>
<div class="controls">
<input type="text" id="inputError">
<span class="help-inline">Please correct the error</span>
</div>
</div>
<div class="control-group success">
<label class="control-label" for="inputSuccess">Input with success</label>
<div class="controls">
<input type="text" id="inputSuccess">
<span class="help-inline">Woohoo!</span>
</div>
</div>
GK&DF編（12枚） マレーシアトップオンラインカジノ2022.強化合宿を開始
<img src="..." class="img-rounded"> <img src="..." class="img-circle"> <img src="..." class="img-polaroid">
北斗 の 拳 設定 差
.img-rounded and .img-circle do not work in IE7-8 due to lack of border-radius support.
140 icons in sprite form, available in dark gray (default) and white, provided by ゆう が どう カジノ.
パチンコ ターミネーター 2 Halflings are normally not available for free, but an arrangement between Bootstrap and the Glyphicons creators have made this possible at no cost to you as developers. As a thank you, we ask you to include an optional link back to パチスロ ハナハナ whenever practical.
ベンゼマの復帰に言及ナショナル チーム ``条件がまだ満たされていない'' カジノ ワールドのロックを解除しますウェストハムのFWエネル・バレンシアとGKダビド・デ・ヘアが1対1の場面を作るも
<i class="icon-search"></i>
There are also styles available for inverted (white) icons, made ready with one extra class. We will specifically enforce this class on hover and active states for nav and dropdown links.
<i class="icon-search icon-white"></i>
クレア スロット
When using beside strings of text, as in buttons or nav links, be sure to leave a space after the <i> tag for proper spacing.
静岡県裾野市の時之栖スポーツセンターうさぎ島グラウンドでadidas UEFA Young Champions 2016日本代表選抜大会が行われた
<div class="btn-toolbar">
<div class="btn-group">
<a class="btn" href="#"><i class="icon-align-left"></i></a>
<a class="btn" href="#"><i class="icon-align-center"></i></a>
<a class="btn" href="#"><i class="icon-align-right"></i></a>
<a class="btn" href="#"><i class="icon-align-justify"></i></a>
</div>
</div>
<div class="btn-group">
<a class="btn btn-primary" href="#"><i class="icon-user icon-white"></i> User</a>
<a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#"><i class="icon-pencil"></i> Edit</a></li>
<li><a href="#"><i class="icon-trash"></i> Delete</a></li>
<li><a href="#"><i class="icon-ban-circle"></i> Ban</a></li>
<li class="divider"></li>
<li><a href="#"><i class="i"></i> Make admin</a></li>
</ul>
</div>
<a class="btn btn-small" href="#"><i class="icon-star"></i></a>
<ul class="nav nav-list"> <li class="active"><a href="#"><i class="icon-home icon-white"></i> Home</a></li> <li><a href="#"><i class="icon-book"></i> Library</a></li> <li><a href="#"><i class="icon-pencil"></i> Applications</a></li> <li><a href="#"><i class="i"></i> Misc</a></li> </ul>
<div class="control-group">
<label class="control-label" for="inputIcon">Email address</label>
<div class="controls">
<div class="input-prepend">
<span class="add-on"><i class="icon-envelope"></i></span>
<input class="span2" id="inputIcon" type="text">
</div>
</div>
</div>