bootstrap-ボタングループ
24449 ワード
<html lang="en">
<head>
<meta charset="UTF-8">
<title> title>
<link rel="stylesheet" type="text/css" href="../CSS/bootstrap.css">
<script src="../JS/jquery-3.2.1.min.js">script>
<script src="../JS/bootstrap.js">script>
head>
<body style="height: 2000px;">
<div class="container">
<br><br>
<input type="button" value=" 1" class="btn btn-primary">
<input type="button" value=" 2" class="btn btn-primary">
<input type="button" value=" 3" class="btn btn-primary">
<br><br>
<div class="btn-group">
<input type="button" value=" 1" class="btn btn-primary">
<input type="button" value=" 2" class="btn btn-primary">
<input type="button" value=" 3" class="btn btn-primary">
div>
<br><br>
<div class="btn-group btn-group-justified">
<a href="#" class="btn btn-primary"> a>
<a href="#" class="btn btn-primary"> a>
<a href="#" class="btn btn-primary"> a>
div>
<br><br>
<div class="btn-group btn-group-justified">
<input type="button" value=" 1" class="btn btn-primary">
<input type="button" value=" 2" class="btn btn-primary">
<input type="button" value=" 3" class="btn btn-primary">
div>
<br><br>
<div class="btn-group btn-group-justified">
<div class="btn-group">
<input type="button" value=" 1" class="btn btn-primary">
div>
<div class="btn-group">
<input type="button" value=" 1" class="btn btn-primary">
div>
<div class="btn-group">
<input type="button" value=" 1" class="btn btn-primary">
div>
div>
<br><br>
<div class="btn-group btn-group-vertical">
<input type="button" value=" 1" class="btn btn-primary">
<input type="button" value=" 2" class="btn btn-primary">
<input type="button" value=" 3" class="btn btn-primary">
div>
<br><br>
<div class="btn-group btn-group-vertical btn-group-lg ">
<input type="button" value=" 1" class="btn btn-primary">
<input type="button" value=" 2" class="btn btn-primary">
<input type="button" value=" 3" class="btn btn-primary">
div>
<br><br>
<a href="#" class="btn btn-primary"> <span class="caret">span> a>
<button class="btn btn-primary"> <span class="caret">span>button>
<input type="button" value=" 1" class="btn btn-primary"><span class="caret">span>
<br><br>
<div class="btn-group">
<a href="#" class="btn btn-primary"> aa>
<a href="#" class="btn btn-primary"><span class="caret">span>a>
<br><br>
<button class="btn btn-primary"> buttonbutton>
<button class="btn btn-primary"><span class="caret">span>button>
div>
<br><br>
<div class="btn-group dropup">
<a href="#" class="btn btn-primary"> aa>
<a href="#" class="btn btn-primary"><span class="caret">span>a>
<br><br>
<button class="btn btn-primary"> buttonbutton>
<button class="btn btn-primary"><span class="caret">span>button>
div>
<br><br>
<div class="github-style">
<div class="btn-group btn-group-lg">
<button class="btn btn-default active"><div class="glyphicon glyphicon-euro" >div>Watch<span class="caret">span>button>
<button class="btn btn-default">3,064button>
div>
<div class="btn-group btn-group-lg">
<button class="btn btn-default "><div class="glyphicon glyphicon-euro" >div>Star<span class="caret">span>button>
<button class="btn btn-default">36,064button>
div>
<div class="btn-group btn-group-lg">
<button class="btn btn-default active"><div class="glyphicon glyphicon-euro" >div>fork<span class="caret">span>button>
<button class="btn btn-default">3,064button>
div>
div>
div>
body>
html>