Measuring solutions for surface water, rivers, open channels and groundwater
Non-contact discharge measurement for wastewater, sewage systems and industrial waters
Recording meteorological data for alpine monitoring networks, weather or avalanche warning services
Use any of the available button classes to quickly create a styled button.
<!-- Standard gray button with gradient -->
<button type="button" class="btn btn-default">Default</button>
<!-- Provides extra visual weight and identifies the primary action in a set of buttons -->
<button type="button" class="btn btn-primary">Primary</button>
<!-- Indicates a successful or positive action -->
<button type="button" class="btn btn-success">Success</button>
<!-- Contextual button for informational alert messages -->
<button type="button" class="btn btn-info">Info</button>
<!-- Indicates caution should be taken with this action -->
<button type="button" class="btn btn-warning">Warning</button>
<!-- Indicates a dangerous or potentially negative action -->
<button type="button" class="btn btn-danger">Danger</button>
<!-- Deemphasize a button by making it look like a link while maintaining button behavior -->
<button type="button" class="btn btn-link">Link</button>
Fancy larger or smaller buttons? Add .btn-lg, .btn-sm, or .btn-xs for additional sizes.
<p>
<button type="button" class="btn btn-primary btn-lg">Large button</button>
<button type="button" class="btn btn-default btn-lg">Large button</button>
</p>
<p>
<button type="button" class="btn btn-primary">Default button</button>
<button type="button" class="btn btn-default">Default button</button>
</p>
<p>
<button type="button" class="btn btn-primary btn-sm">Small button</button>
<button type="button" class="btn btn-default btn-sm">Small button</button>
</p>
<p>
<button type="button" class="btn btn-primary btn-xs">Extra small button</button>
<button type="button" class="btn btn-default btn-xs">Extra small button</button>
</p>
Create block level buttons—those that span the full width of a parent— by adding .btn-block.
<button type="button" class="btn btn-primary btn-lg btn-block">Block level button</button>
<button type="button" class="btn btn-default btn-lg btn-block">Block level button</button>
Make buttons look unclickable by fading them back 50%.
Add the disabled attribute to <button> buttons.
<button type="button" class="btn btn-lg btn-primary" disabled="disabled">Primary button</button>
<button type="button" class="btn btn-default btn-lg" disabled="disabled">Button</button>
If you add the disabled attribute to a <button>, Internet Explorer 9 and below will render text gray with a nasty text-shadow that we cannot fix.
Add the .disabled class to <a> buttons.
<a href="#" class="btn btn-primary btn-lg disabled">Primary link</a>
<a href="#" class="btn btn-default btn-lg disabled">Link</a>
We use .disabled as a utility class here, similar to the common .active class, so no prefix is required.
This class will only change the <a>'s appearance, not its functionality. Use custom JavaScript to disable links here.
Use the button classes on an <a>, <button>, or <input> element.
<a class="btn btn-default" href="#">Link</a>
<button class="btn btn-default" type="submit">Button</button>
<input class="btn btn-default" type="button" value="Input">
<input class="btn btn-default" type="submit" value="Submit">
As a best practice, we highly recommend using the <button> element whenever possible to ensure matching cross-browser rendering.
Among other things, there's a Firefox bug that prevents us from setting the line-height of <input>-based buttons, causing them to not exactly match the height of other buttons on Firefox.
SOMMER GmbH Wins Global Hydrometeorological Excellence Award
Sommer installed photovoltaic system at headquarter in Koblach
How heavy rain is affecting your wastewater treatment plant process or your sewer network? How…
Very nice newspaper article in an Austrian Newspaper about SOMMER delivering snow measurement equipment to…
Committed to your privacy Your trust is very important to us. So we want you…
Meet us at the IFAT, the world’s leading trade fair for water, sewage, waste and…
SOMMER has been successfully participating at the Acqua Alta 2018. We participated with our German…
SOMMER snow monitoring sensors provide valuable data to explore the effects of snow on the…
The unique snow-pack-analyser system obtains an innovation boost. Improved usability and new features help the…
Non-contact discharge measurement opens new possibilities for use in process and waste water Launching its…
Meet us at the IFAT, the world’s leading trade fair for water, sewage, waste and…
A new generation of SOMMER data loggers conquers the market. It begins with the compact…
|
Air Temperature:
|
|
Rel. Air Humidity:
|
|
Wind Speed:
|
|
Wind Direction:
|
|
Wind Gust:
|
