2016-04-05 3 views
0

基本的に、私のページ上のすべてのものは、テキストそのものではなく、すべてのテキストを含むブートストラップボタンになっています。あなたは、各白いボックス内のすべてが間違っている緑色のボタンがいっぱいです見ることができるように私のページのすべては、ボタン自体ではなく、ブートストラップボタンになります。

enter image description here

:私は、私はボタンのhrefが含まれているが、これはページのスクリーンショットであるので、それがあると信じています。

これは、このページのための私のPHPコードです:

<!-- Latest compiled and minified CSS --> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous"> 

<!-- Optional theme --> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous"> 

<!-- Latest compiled and minified JavaScript --> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script> 

<?php 
session_start(); 
include "init.php"; 
$page_title = 'Products'; 

$query = "SELECT productID, name, description, price 
     FROM products";  

$result = mysqli_query($dbcon, $query); 

print 
    "<div class='navbar navbar-inverse navbar-fixed-top'>". 
     "<div class = 'container'>". 
      "<button type='button' class='navbar-toggle' data-toggle='collapse' data-target='.navbar-collapse'>". 
      "<span class='sr-only'>Toggle navigation</span>". 
      "<span class='icon-bar'></span>". 
      "<span class='icon-bar'></span>". 
      "<span class='icon-bar'></span>". 
      "</button>". 
      "</div>". 
    "</div>". 

    "<div class='page-header'>". 
     "<div class='page-header'>". 

     "</div>". 
    "</div>"; 


if(mysqli_num_rows($result)){ 
    while($row = mysqli_fetch_assoc($result)){ 
     print 

     "<div id='products' class='row list-group'>". 
     "<div class='item col-xs-4 col-lg-4'>". 
      "<div class='thumbnail'>". 
       "<img class='group list-group-image' alt='' />". 
       "<div class='caption'>". 
        "<h4 class='group inner list-group-item-heading'> 
         'Title 1'</h4>". 
        "<p class='group inner list-group-item-text'> 
         Sample.</p>". 
        "<div class='row'>". 
         "<div class='col-xs-12 col-md-6'>". 
          "<p class='lead'> 
           654</p>". 
         "</div>". 
         "<div class='col-xs-12 col-md-6'>". 
          "<a href='baskets.php' input type='submit' value='Add to basket' class='btn btn-success btn-block btn-lg' >". 
         "</div>". 
        "</div>". 
       "</div>". 
      "</div>". 
     "</div>"; 
    } 
} 
else{ 

} 

?> 

私はウェブ開発に新しいですし、hrefがこれを引き起こした理由を私は見ることはできません。ユーザーがAdd the Basketボタンをクリックすると、baskets.php

答えて

0
<a href='baskets.php'><button class='btn btn-success btn-block btn-lg'>Add to basket</button></a> 
0

を実行するために持っているので、私はあなたが使用しているhrefを必要とする:あなたは発生しないはずのアンカータグ内にinputtypeを使用している

"<a href='baskets.php' input type='submit' value='Add to basket' class='btn btn-success btn-block btn-lg' >" 

。そして、あなたは緑のためにブートストラップクラスのボタン.. がで線の上に置き換えてきている。

"<a href='baskets.php'>Add to basket</a>" 
+0

おかげで、今では、リンクではなく、実際のブートストラップ緑のボタンのようなものです。ブートストラップの緑色のボタンにするにはどうすればいいですか? –

+0

上記のアンカータグにスタイルを適用するか、代わりにこのタグを使用してください:

+0

ありがとうございますが、より興味のあるブートストラップボタン:P。私はそれが好きです、どうすればいいですか?申し訳ありませんが、私はこのすべてに夢中です –

関連する問題