One, button
<!--the standard button - <Buttontype= "button"class= "Btn Btn-default">Default button</Button> <BR><BR> <!--the original button - <Buttontype= "button"class= "Btn btn-primary">Original button</Button> <BR><BR> <!--button for Success - <Buttontype= "button"class= "Btn btn-success">Success Button</Button> <BR><BR> <!--button for warning - <Buttontype= "button"class= "Btn btn-info">Warning button</Button> <BR><BR> <!--Discreet button - <Buttontype= "button"class= "Btn btn-warning">Caution button</Button> <BR><BR> <!--dangerous buttons. - <Buttontype= "button"class= "Btn Btn-danger">Danger button</Button> <BR><BR>
Effect:
1. The size of the button
<P> <Buttontype= "button"class= "btn btn-primary btn-lg">Big original button</Button> <Buttontype= "button"class= "btn btn-default btn-lg">Big button.</Button> </P> <P> <Buttontype= "button"class= "Btn btn-primary">Original button of default size</Button> <Buttontype= "button"class= "Btn Btn-default">Default-sized buttons</Button> </P> <P> <Buttontype= "button"class= "btn btn-primary btn-sm">Small Original button</Button> <Buttontype= "button"class= "btn btn-default btn-sm">The small button</Button> </P> <P> <Buttontype= "button"class= "btn btn-primary btn-xs">Very Small Original button</Button> <Buttontype= "button"class= "btn btn-default btn-xs">Very small button.</Button> </P> <P> <Buttontype= "button"class= "btn btn-primary btn-lg btn-block">Block-level Raw button</Button> <Buttontype= "button"class= "btn btn-default btn-lg btn-block">Block-level buttons</Button> </P>
Effect:
Bootstrap Css (ii)