第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全，請及時(shí)綁定郵箱和手機(jī)立即綁定

幫忙看一下為什么右側(cè)的部分沒辦法浮動上去？怎么改？

<!DOCTYPE html>

<html>

<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>某管理系統(tǒng)</title>

<link rel="stylesheet" >


<!--[if lt IE 9]>

<script src="js/html5shiv.js"></script>

<script src="js/respond.min.js"></script>

<![endif]-->

<style>

body{padding:50px 0;}

.left{background-color: #ddd;padding:10px 0;}

.nav-pills{margin:10px 0;}

.nav-pills li a{border-radius:0;}

.right{padding:20px;}

.right .page-header{margin-top:0}

#two{overflow:hidden;}


</style>


</head>


<body>

<nav class="navbar navbar-default navbar-fixed-top navbar-inverse">

? <div>

? ? <div>

? ? ? <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs" aria-expanded="false">

? ? ? ? <span>Toggle navigation</span>

? ? ? ? <span></span>

? ? ? ? <span></span>

? ? ? ? <span></span>

? ? ? </button>

? ? ? <a href="#">某管理系統(tǒng)</a>

? ? </div>

? ? <div class="collapse navbar-collapse " id="bs">

? ? ? <ul class="nav navbar-nav">

? ? ? ? <li><a href="#">首頁<span>(current)</span></a></li>

? ? ? ? <li>

? ? ? ? ? <a href="#" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">功能<span></span></a>

? ? ? ? ? <ul>

? ? ? ? ? ? <li><a href="#">Action</a></li>

? ? ? ? ? ? <li><a href="#">Another action</a></li>

? ? ? ? ? ? <li><a href="#">Something else here</a></li>

? ? ? ? ? ? <li role="separator"></li>

? ? ? ? ? ? <li><a href="#">Separated link</a></li>

? ? ? ? ? ? <li role="separator"></li>

? ? ? ? ? ? <li><a href="#">One more separated link</a></li>

? ? ? ? ? </ul>

? ? ? ? </li>

? ? ? ? <li><a href="#">幫助</a></li>

? ? ? </ul>

? ? ? <form class="navbar-form navbar-right">

? ? ? ? <div>

? ? ? ? ? <input type="text" placeholder="用戶名">

? ? ? ? ? <input type="text" placeholder="密碼">

? ? ? ? </div>

? ? ? ? <button type="submit" class="btn btn-default">登錄</button>

? ? ? </form>

? ? </div>

? </div>

</nav>


<div id="one">

? <div id="two">

? ? <div class="col-sm-3 col-md-2 left">

? ? ? <ul class="nav nav-pills nav-stacked">

? ? ? ? <li><a href="#">首頁</a></li>

? ? ? </ul> ? ?

? ? ? <ul class="nav nav-pills nav-stacked"> ? ?

? ? ? ? <li><a href="#">信息建立</a></li>

? ? ? ? <li><a href="#">信息查詢</a></li>

? ? ? ? <li><a href="#">信息管理</a></li>

? ? ? </ul> ? ?

? ? ? <ul class="nav nav-pills nav-stacked"> ? ?

? ? ? ? <li><a href="#">設(shè)置</a></li>

? ? ? ? <li><a href="#">幫助</a></li>

? ? ? </ul>

? ? </div>

? ? <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 right">

? ? ? <h1>管理控制臺</h1>?

? ? ? <p>

? ? ? ? ? <button type="button" class="btn btn-lg btn-default" >操作1</button>

? ? ? ? ? <button type="button" class="btn btn-lg btn-primary">操作2</button>

? ? ? ? ? <button type="button" class="btn btn-lg btn-success">操作3</button>

? ? ? ? ? <button type="button" class="btn btn-lg btn-info">操作4</button>

? ? ? ? ? <button type="button" class="btn btn-lg btn-warning">操作5</button>

? ? ? ? ? <button type="button" class="btn btn-lg btn-danger">操作6</button>

? ? ? </p>

? ? ? <div>

? ? ? ? <div>

? ? ? ? ? <div class="panel panel-primary">

? ? ? ? ? <div>

? ? ? ? ? ? <h3>最新提醒</h3>

? ? ? ? ? </div>

? ? ? ? ? <div>

? ? ? ? ? ? <div class="alert alert-success" role="alert">

<strong>提示</strong>您的訂單（2014001）已經(jīng)審批通過！

? ? ? ? ? ? </div>

? ? ? ? ? ? <div class="alert alert-danger" role="alert">

<strong>提示</strong>您的訂單（2014002）被打回！

? ? ? ? ? ? </div>

? ? ? ? ? ? <div class="alert alert-warning" role="alert">

<strong>提示</strong>您的訂單（2013001）客戶付款延遲！

? ? ? ? ? ? </div>

? ? ? ? ? ?</div>

? ? ? ? ? </div>?

? ? ? ? </div>

? ? ? ? <div>

? ? ? ? ? ? <div class="panel panel-primary">

? ? <div>

? ? ? ?<h3>我的任務(wù)</h3>

? ? </div>

<div>

? ? ?<ul class="nav nav-pills nav-stacked" role="tablist">

? ? ? ?<li role="presentation">

? ? ? ? ?<a href="#" class="alert alert-info">

? ? ? ? ? <span class="badge pull-right">42</span>

? ? ? ? ? 訂單審批

? ? ? ? ?</a>

? ? ? ?</li>

? ? ? ?<li role="presentation">

? ? ? ? ?<a href="#" class="alert alert-info">

? ? ? ? ? <span class="badge pull-right">20</span>

? ? ? ? ? 收款確認(rèn)

? ? ? ? ?</a>

? ? ? ?</li>

? ? ? ?<li role="presentation">

? ? ? ? <a href="#" class="alert alert-info">

? ? ? ? ?<span class="badge pull-right">10</span>

? ? ? ? ?付款確認(rèn)

? ? ? ? </a>

? ? ? ?</li>

? ? ?</ul>

? ? </div>

? ? ? ? </div>

? ? ? </div>

? ? </div>

? ? <div>

?<div>

? <div class="panel panel-primary">

? ?<div>

? ?<h3>最新訂單</h3>

? ?</div>

? <div>

? ?<table class="table table-striped">

? ? ?<thead>

? ? ? <tr>

? ? ? ?<th>#</th>

? ? ? ?<th>產(chǎn)品</th>

? ? ? ?<th>數(shù)量</th>

? ? ? ?<th>總金額</th>

? ? ? ?<th>業(yè)務(wù)員</th>

? ? ? </tr>

? ? ?</thead>

? ? ?<tbody>

? ? ? <tr>

? ? ? ?<td>1</td>

? ? ? ?<td>Apple Macbook air</td>

? ? ? ?<td>10</td>

? ? ? ?<td>80000</td>

? ? ? ?<td>王小賤</td>

? ? ? </tr>

? ? ? <tr>

? ? ? ?<td>2</td>

? ? ? ?<td>Apple iPad air</td>

? ? ? ?<td>20</td>

? ? ? ?<td>65000</td>

? ? ? ?<td>尹開花</td>

? ? ? </tr>

? ? ? <tr>

? ? ? ?<td>3</td>

? ? ? ?<td>Apple Macbook pro</td>

? ? ? ?<td>5</td>

? ? ? ?<td>50000</td>

? ? ? ?<td>劉老根</td>

? ? ? </tr>

? ? ?</tbody>

? ?</table>

? ? <p><a class="btn btn-primary" href="#" role="button">查看詳細(xì)&raquo;</a></p>

? ?</div>

? </div>

</div>

<div>

? <div class="panel panel-primary">

? ?<div>

? ? <h3>工程進(jìn)度</h3>

? ?</div>

? <div>

? ? <h3><span class="label label-primary">水井挖掘工程</span></h3>


<div>

? ? <div class="progress-bar progress-bar-striped" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 60%"><span>80% Complete</span>

</div>

</div>

<h3><span class="label label-danger">基建工程</span></h3>


<div>

<div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="30" aria-valuemin="0" aria-valuemax="100" style="width: 80%"><span>30% Complete (danger)</span>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

<script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>

<script src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>

</body>

</html>



正在回答

1 回答

第一：<div class="form-group">
? ?<input type="text" placeholder="用戶名">
? ?<input type="text" placeholder="密碼">
</div>
<button type="submit" class="btn btn-default">登錄</button>

你這段代碼<div class="form-group">這部分沒有class類，是無法運(yùn)用bootstrap的樣式的，所以導(dǎo)致你的“登錄”不能在右邊

第二：<div class="col-md-6">
? ?<div class="panel panel-primary">
? ? ? ?<div>
? ? ? ? ? ?<h3>我的任務(wù)</h3>
? ? ? ?</div>
? ? ? ?<div class="panel-body">

這部分<div class="col-md-6">，<div class="panel-body">，同樣是類的問題，你的代碼沒有，就會出現(xiàn)問題，要嗎自己寫css的樣式，想要用bootstrap，就要遵守他的規(guī)則，再則就是你自己編寫屬于你的bootstrap

最后兩個(gè)欄同理，你自己試一下，加深印象，建議去看bootstrap的官網(wǎng)手冊，有中文網(wǎng)的，百度一下就找到了。


0 回復(fù) 有任何疑惑可以回復(fù)我~
#1

慕粉4349307 提問者

你說的這2個(gè)問題 我實(shí)際的代碼中是加了樣式的的，復(fù)制過來就沒了 不能浮動不是這個(gè)問題。 不過還是謝謝你的回答
2016-12-12 回復(fù) 有任何疑惑可以回復(fù)我~

舉報(bào)

0/150
提交
取消

幫忙看一下為什么右側(cè)的部分沒辦法浮動上去？怎么改？

我要回答 關(guān)注問題
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

 公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號