bootstrap浮窗

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/Sugar_Elina/article/details/51834121


今天第一天接触bootstrap

问题1:

radio, checkbox与字不能对齐问题的解决,bootstrap.min.css中.form-horizontal .radio{padding:0;}解决这个问题。

问题2:

<div class="form-group col-md-6" style="left:30%;float:none;">
    <label >
        <input  type="radio" name="address"  value="sel"<span style="color:#FF0000;"> <span style="color:#3333FF;">data-toggle="modal" data-target="</span>#modifyselect</span>"> 选择地址
    </label>
                                 
    <label >
        <input type="radio" name="address" value="wri" <span style="color:#FF0000;"><span style="color:#000099;">data-toggle="modal" data-target="</span>#modifywrite"</span>/>填写地址             
    </label>
                                 
 </div>
红色字体对应浮窗model的id

 <!--  MODAL-->
<div class="modal fade" id="modifywrite" tabindex="-1" aria-labelledby="myModalLabel">
<span style="font-family:KaiTi_GB2312;">    </span><div class="modal-dialog" >
	<div class="modal-content">
	<span style="font-family:KaiTi_GB2312;">    </span><div class="modal-header">
		<button type="button" class="close" data-dismiss="modal"<span style="font-family:KaiTi_GB2312;"> </span>aria-label="Close">
		<span style="font-family:KaiTi_GB2312;">   </span><span aria-hidden="true">×</span>
		</button>
		<h4 class="modal-title" id="myModalLabel"></h4>
	<span style="font-family:KaiTi_GB2312;">    </span></div>
	<span style="font-family:KaiTi_GB2312;">    </span><div class="modal-body">
	<span style="font-family:KaiTi_GB2312;">       </span><div class="form-group  ">
		<span style="font-family:KaiTi_GB2312;"> </span><label class="col-md-3 control-label">具体地址</label>
		<span style="font-family:KaiTi_GB2312;">     </span><div class="col-md-9">
			<input type="text" class="form-control" name="room" placeholder="请填写具体地址">
		<span style="font-family:KaiTi_GB2312;">     </span></div>
		</div>
		<br><br>		    
	   </div>
	<span style="font-family:KaiTi_GB2312;">   </span><div class="modal-footer">
		<button class="btn btn-success" style="width:80px;"data-dismiss="modal" ng-click="">确认</button>
		<button class="btn" data-dismiss="modal">取消</button>
	<span style="font-family:KaiTi_GB2312;">   </span></div>
	</div>
<span style="font-family:KaiTi_GB2312;">    </span></div>
</div>
<span style="font-family:KaiTi_GB2312;">一个简单的model浮窗。</span>
20160705晚上看一下bootstrap视频以及了解一下zTree明天开始学习ztree

                    
展开阅读全文

没有更多推荐了,返回首页