<Bootstrap> 學習筆記三. 浮動的使用

阿新 • • 發佈：2018-01-15

white query script html span ack utf-8 blog type

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="bootstrap/css/bootstrap-theme.css">
    <script src="bootstrap/js/jquery-3.2.1.js" 
></script>
    <script src="bootstrap/js/bootstrap.js"></script>
    <style>
        .top {
            border: 1px solid red;
            overflow: hidden;
        }

        .pull-left {
            width: 200px;
            height: 200px;
            background-color:blue;
        } 

        .pull-right {
            width: 200px;
            height: 200px;
            background-color: green;
        }
    </style>
</head>
<body style="background: white;">
<!--浮動的使用-->
<div class="container">
    <div class="top">
        <div class="pull-left" 
></div>
        <div class="pull-right"></div>
    </div>
</div>

</body>
</html>

white query script html span ack utf-8 blog type <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"&

<Bootstrap> 學習筆記二. 柵格系統的使用

boot pos nbsp title html thum row jquer bootstra <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"&

<Bootstrap> 學習筆記一. 配置環境, 簡單使用, 響應式表格, 響應式圖片

ref container oot png tle api lower bsp -c <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

<Bootstrap> 學習筆記六. 柵格系統使用案例

柵格 3.2 btn nta head ext ont ces str <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <t

<Bootstrap> 學習筆記八. 導航欄和頒

doc utf-8 them pre orm htm char styles lang <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

<Bootstrap> 學習筆記五. 按鈕組的使用

utf ima class 使用 gpo 3.2 post -m efault <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> &

nBodyCS<I>學習筆記之計算著色器

<<Python基礎教程>>學習筆記 | 第12章 | 圖形用戶界面

lena text 平臺 post ack 由於 contents exp 一個 Python支持的工具包非常多。但沒有一個被覺得標準的工具包。用戶選擇的自由度大些.本章主要介紹最成熟的跨平臺工具包wxPython.官方文檔: http://wxpython.org/

<C#入門經典>學習筆記1之初識C#

ack fad 浮點 2.0 十六進制 float 一個 sca 每一個序言選擇《 C#入門經典第五版》作為自學書籍，以此記錄學習過程中的筆記與心得。 C#簡單介紹 1. C#是一種塊結構的語言 2. C#區分大寫

Bootstrap學習筆記(三) 網格系統

4-1實現原理　　網格系統的實現原理非常簡單，僅僅是通過定義容器大小，平分12份(也有平分成24份或32份，但12份是最常見的)，再調整內外邊距，最後結合媒體查詢，就製作出了強大的響應式網格系統。Bootstrap框架中的網格系統就是將容器平分成12份。 <div cla

Linux學習筆記(三)：系統執行級與執行級的切換

查看用戶操作回車 water hat ntsysv tde 文件表 config 1.Linux系統與其它的操作系統不同，它設有執行級別。該執行級指定操作系統所處的狀態。Linux系統在不論什麽時候都執行於某個執行級上，且在不同的執行級上執行的程序和服務都不同，所要

【Unity 3D】學習筆記三十：遊戲元素——遊戲地形

nbsp 3d遊戲 strong 直觀分辨率 == 摩擦力 fill 世界遊戲地形在遊戲的世界中，必然會有非常多豐富多彩的遊戲元素融合當中。它們種類繁多。作用也不大同樣。一般對於遊戲元素可分為兩種：經經常使用。不經經常使用。經常使用的元素是遊戲中比較重要的元素。一

MYSQL學習筆記三：日期和時間函數

div content minute name top fonts table hmm 指定 MYSQL學習筆記三：日期和時間函數 1. 獲取當前日期的函數和獲取當前時間的函數 /*獲取當前日期的函數和獲取當前時間的函數。將日期以‘YYYY-MM-DD‘或者’YYYYM

Hadoop權威指南學習筆記三

支持第三方 handle line src factory 模式多個重要 HDFS簡單介紹聲明：本文是本人基於Hadoop權威指南學習的一些個人理解和筆記，僅供學習參考。有什麽不到之處還望指出，一起學習一起進步。轉載請註明：http://blog.cs

NLTK學習筆記(三):NLTK的一些工具

ast 關註 code 值範圍通過自動 ive 叠代器 emma 主要總結一下簡單的工具：條件頻率分布、正則表達式、詞幹提取器和歸並器。條件分布頻率《自然語言學習》很多地方都用到了條件分布頻率，nltk提供了兩種常用的接口：FreqDist 和 Condit

Tomcat學習筆記(三)

containe 請求 container connect 技術 http 簡單 img 容器 Tomcat連接器 tomcat連接器是tomcat的一個核心組件，在tomcat4中的實現原理如下 1.實現Connector接口 2.創建Reques

CSS學習筆記08 浮動

images 選擇器什麽 wid get 意思 div show 塊元素從CSS學習筆記05 display屬性一文中，我們知道div是塊元素，會獨占一行，即使div的寬度很小，像下面這樣應用display屬性的inline屬性可以讓div與div共享一行，除了

mybatis學習筆記(三）-- 優化數據庫連接配置

bsp pro 新建數據配置信息 onf ron XML oca 原來直接把數據庫連接配置信息寫在conf.xml配置中，如下 <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE configura

Odoo10學習筆記三：模型（結構化的應用數據）、視圖（用戶界面設計）

其他描述用戶界面列表支持字段界面設計允許學習一：模型 1：創建模型模型屬性：模型類可以使用一些屬性來控制它們的一些行為： _name ：創建odoo模型的內部標識符，必含項。 _description ：當用戶界面顯示模型時，一個方便用戶的模型記錄標題。

Bootstrap Table學習筆記

pts mpat doc 官網 htm charset body ble meta 資料: 官網 2017.7.10 入門實例 <!DOCTYPE html> <html> <head> <meta cha

<Bootstrap> 學習筆記三. 浮動的使用

相關推薦