Skip to main content
タグを編集
リンク
nekketsuuu
  • 2.4万
  • 12
  • 53
  • 117
スタイルに関する質問なのでCSSタグを追加
リンク
user10259
user10259
インデント調整
ソース リンク
user10259
user10259
<!DOCTYPE html>
<html lang="ja">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>あいうえお商店</title>
        
        <link href="css/bootstrap.min.css" rel="stylesheet">
        <link type="text/css" rel="stylesheet" href="css/bootstrap-timepicker.min.css">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
        <script src="js/bootstrap.min.js"></script>
        <script type="text/javascript" src="js/bootstrap-timepicker.min.js"></script>
    </head>
    <body>
        <div class="container">
            <p>あいうえお商店</p>
            <p>住所:東京都千代田区</p>
            <form class="form-inline">
                <div class="form-group">
                    <label class="control-label" for="businesshours">営業時間:</label>
                    <div class="input-group bootstrap-timepicker timepicker" style="width:110px">
                        <input type="text" id="businesshours" class="form-control input-small timepicker1">
                        <span class="input-group-addon"><i class="glyphicon glyphicon-time"></i></span>
                    </div> ~ 
                    <div class="input-group bootstrap-timepicker timepicker" style="width:110px">
                        <input type="text" class="form-control input-small timepicker1">
                        <span class="input-group-addon"><i class="glyphicon glyphicon-time"></i></span>
                    </div>
                </div>
            </form>
        </div>
        <script type="text/javascript">
            $('.timepicker1').timepicker({
                showMeridian: false
            });
        </script>
    </body>
</html>
<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>あいうえお商店</title>

    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link type="text/css" rel="stylesheet" href="css/bootstrap-timepicker.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/bootstrap-timepicker.min.js"></script>
  </head>
  <body>
    <div class="container">
        <p>あいうえお商店</p>
      <p>住所:東京都千代田区</p>
      <form class="form-inline">
        <div class="form-group">
          <label class="control-label" for="businesshours">営業時間:</label>
          <div class="input-group bootstrap-timepicker timepicker" style="width:110px">
            <input type="text" id="businesshours" class="form-control input-small timepicker1">
              <span class="input-group-addon"><i class="glyphicon glyphicon-time"></i></span>
          </div> ~ 
          <div class="input-group bootstrap-timepicker timepicker" style="width:110px">
            <input type="text" class="form-control input-small timepicker1">
            <span class="input-group-addon"><i class="glyphicon glyphicon-time"></i></span>
          </div>
        </div>
      </form>
    </div>
    <script type="text/javascript">
        $('.timepicker1').timepicker({
        showMeridian: false
    });
    </script>
</body>
</html>
<!DOCTYPE html>
<html lang="ja">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>あいうえお商店</title>
        
        <link href="css/bootstrap.min.css" rel="stylesheet">
        <link type="text/css" rel="stylesheet" href="css/bootstrap-timepicker.min.css">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
        <script src="js/bootstrap.min.js"></script>
        <script type="text/javascript" src="js/bootstrap-timepicker.min.js"></script>
    </head>
    <body>
        <div class="container">
            <p>あいうえお商店</p>
            <p>住所:東京都千代田区</p>
            <form class="form-inline">
                <div class="form-group">
                    <label class="control-label" for="businesshours">営業時間:</label>
                    <div class="input-group bootstrap-timepicker timepicker" style="width:110px">
                        <input type="text" id="businesshours" class="form-control input-small timepicker1">
                        <span class="input-group-addon"><i class="glyphicon glyphicon-time"></i></span>
                    </div> ~
                    <div class="input-group bootstrap-timepicker timepicker" style="width:110px">
                        <input type="text" class="form-control input-small timepicker1">
                        <span class="input-group-addon"><i class="glyphicon glyphicon-time"></i></span>
                    </div>
                </div>
            </form>
        </div>
        <script type="text/javascript">
            $('.timepicker1').timepicker({
                showMeridian: false
            });
        </script>
    </body>
</html>
本文に 4 文字追加
ソース リンク
kazu
  • 529
  • 14
  • 33
  • 56
読み込んでいます
本文に 158 文字追加
ソース リンク
BLUEPIXY
  • 6,907
  • 1
  • 21
  • 34
読み込んでいます
ソース リンク
kazu
  • 529
  • 14
  • 33
  • 56
読み込んでいます