<div>
Just a note - that style will affect all your forms. You might want to restrict it only to the form at the top of the page. Give the form a class (say 'topform') and then prefix the above styles with that class <br />
<br />

<pre><code id="code-20-41783034-1">.topform .form-inline .form-control {
  vertical-align: top;
}</code></pre>
</div>


Just a note - that style will affect all your forms. You might want to restrict it only to the form at the top of the page. Give the form a class (say 'topform') and then prefix the above styles with that class



.topform .form-inline .form-control {
  vertical-align: top;
}

<div>
Thanks. &nbsp;This particular page will &nbsp;only have one form but I appreciate the heads up.
</div>


Thanks.  This particular page will  only have one form but I appreciate the heads up.

<div>
No problem - it is good practice anyway, sites change and you forget things - can cause unnecessary loss of time tracking down side effects.
</div>


No problem - it is good practice anyway, sites change and you forget things - can cause unnecessary loss of time tracking down side effects.

<div>
<div class="content wysiwyg-content">
How can I get the labels and other form controls to align at the top of the form on <a href="http://www.gopherstateevents.com/results/cc_rslts/cc_rslts_cumtime.asp?sport=Cross-Country&meet_id=339" rel="ugc">this page</a>?
</div>
</div>


How can I get the labels and other form controls to align at the top of the form on this page (http://www.gopherstateevents.com/results/cc_rslts/cc_rslts_cumtime.asp?sport=Cross-Country&meet_id=339)?

Top Alignment in Bootstrap Form

Bootstrap is a free and open-source collection of tools for creating websites and web applications. It contains HTML- and CSS-based design templates for typography, forms, buttons, navigation and other interface components, as well as optional JavaScript extensions. It aims to ease the development of dynamic websites and web applications. Bootstrap is a front end web framework, that is, an interface for the user, unlike the server-side code which resides on the "back end" or server.

Bootstrap

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.